Добрый день! Столкнулся с проблемой.. vue-scrollmagic подключается в секции plugins и

Question

Добрый день! Столкнулся с проблемой.. vue-scrollmagic подключается в секции plugins и

попадает в общий бандл, есесено сильно увеличивает его размер.

Сам плагин используется всего в паре компонентов и для очень простой анимации и хочется избавиться от такого веса в бандле)

Хотелось бы понять:
1) можно ли подключать плагины как-то отдельно(например из компонента) и тем самым вынести плагин из общего бандла?

2) какие есть альтернативы пакету vue-scrollmagic, которые нормально заработают в nuxt приложении? гуглеж выдает либо таких же монстров, как scrollmagic, либо пакеты не заточенные под js фреймворки.

#nuxt.js #programming #russian #software

0

20.09.2022

13 ответов

89 просмотров

Stas Автор вопроса

Хаги Ваги
на чанки наверн надо разбить

Вообще желательно заменить чем-то легковесным. На чанки получилось отделить как вот тут https://github.com/nuxt/nuxt.js/issues/2727#issuecomment-362213022 Но это такое себе... Подключать надо в каждом компоненте. Из плюсов только то, что отделил scrollmagic от app.js)

0

20.09.2022

Andrey Gaisinskii

По поводу первого пункта: Если проводить аналогию, то в просто VueJS у тебя есть main.js в который ты импортишь какие-то библиотеки, потом делаешь Vue.use(some-lib) и эта библиотека будет доступна глобально. Так вот в NuxtJS нет main.js и они предлагают делать это через папку plugins. Не эксперт в vue-scrollmagic, но у них в доке только глобальная регистрация есть. Можешь попробовать не vue-scrollmagic использовать, а просто scrollmagic. Но тогда тебе надо будет завести переменную и в mounted присваивать экземпляр класса new ScrollMagic. Вообще забавно, сам scrollmagic весит 22 Кб https://bundlephobia.com/package/scrollmagic@2.0.8 А vue-scrollmagic 209Кб https://bundlephobia.com/package/vue-scrollmagic@1.2.0 Видать из-за того, что там еще какие-то зависимости есть

0

20.09.2022

Aleksey Gurev

А что за инструмент такое изображение выдает?

0

20.09.2022

Stas Автор вопроса

Andrey Gaisinskii
По поводу первого пункта: Если проводить аналоги...

Спасибо за идею с чистым scrollmagic. По-моему vue-scrollmagic такой жирный из-за того, что внутри используется gsap. Удобно конечно, но не в данном случае)

0

20.09.2022

Stas Автор вопроса

Stas
Спасибо за идею с чистым scrollmagic. По-моему vue...

Накст из коробки позволяет анализировать бандл. https://nuxtjs.org/docs/configuration-glossary/configuration-build/#analyze

0

20.09.2022

Andrey Gaisinskii

Stas
Спасибо за идею с чистым scrollmagic. По-моему vue...

именно так и есть

0

20.09.2022

Maxim Kostenko 🇺🇦

Самое легковесное решение https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo

0

20.09.2022

Stas Автор вопроса

Maxim Kostenko 🇺🇦
Самое легковесное решение https://developer.mozil...

Юмор оценил, спасибо)

0

20.09.2022

Alexey

Stas
Юмор оценил, спасибо)

на самом деле хорошее решение, в целом пакеты со скроллами уже не оч нужны, внутри указанной функции есть behaviour: smooth и он красиво катает скролл.

0

20.09.2022

Stas Автор вопроса

Alexey
на самом деле хорошее решение, в целом пакеты со с...

scrollmagic не для скролла, а для обработки скролла. Помогает без костылей делать прикольную анимацию при скролле) Да, можно и на чистом js написать эту анимацию, но мне никто не даст это сделать)

0

20.09.2022

Дмитрий Филиппов

Stas
scrollmagic не для скролла, а для обработки скролл...

сейчас все анимашки, к скроллу привязанные, гораздо удобнее через gsap'овский scrolltrigger реализовывать. scrollmagic морально устарел

0

20.09.2022

Stas Автор вопроса

Дмитрий Филиппов
сейчас все анимашки, к скроллу привязанные, горазд...

Спасибо) Вообще хочу от gsap избавиться. Анимации слишком простые для такого комбайна. Ну и чаще стараюсь юзать anime.js т.к. меньше, чем gsap и покрывает все потребности

0

20.09.2022

Хаги Ваги · Accepted Answer

Хаги Ваги

на чанки наверн надо разбить

0

20.09.2022

207 похожих чатов

Добрый день! Столкнулся с проблемой.. vue-scrollmagic подключается в секции plugins и

13 ответов

Похожие вопросы