Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 October 22

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
RusaXXX
Ну он говорит про обычный динамический импорт. Я так понял
это ж обычно, в чем плюс то?
источник

ГП

Георгий Погосян... in Nuxt.js — русскоговорящее сообщество
RusaXXX
А зачем все это?
Счёт набегает
источник

ГП

Георгий Погосян... in Nuxt.js — русскоговорящее сообщество
Дешевле у себя хостить
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Как всегда (часто) небольшой совет (мало ли кто не знает ::) по практике.
Часто мы используем плагины, которые ну не нужны совсем везде прям. Многие весят много и лезут в общий бандл вендоров.
Обычно мы делаем так, пример:

import VueAgile from 'vue-agile'
Vue.use(VueAgile)

Теперь я делаю так:

@Component({
 components: {
   VueAgile: () => import(/* webpackChunkName: "vue-agile" */'vue-agile/src/Agile.vue')
 }
})
Только если ты в одном месте заюзаешь этот компонент не через динамический импорт вебпак засунет все это в общий бандл. И везде где был динамический импорт всинхронная подгрузка перестанет работать Об этом надо помнить
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
это ж обычно, в чем плюс то?
Ну для вас обычно, для кого то необычно
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
RusaXXX
Ну для вас обычно, для кого то необычно
🤷‍♂️
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
И что это меняет? Если можно прошу разъяснений
Использовсние компонента не глобально (через плагин) и как следствие включение в общий бандл. Второе, заметили хинт доя вэбпака? - указание собрать в отдельный чанк, а не в общак
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
RusaXXX
Только если ты в одном месте заюзаешь этот компонент не через динамический импорт вебпак засунет все это в общий бандл. И везде где был динамический импорт всинхронная подгрузка перестанет работать Об этом надо помнить
Нет. Я же написал про хинт для вэбпака, в нем то и суть!
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Нет. Я же написал про хинт для вэбпака, в нем то и суть!
Прочитай еще раз что я написал и попробуй вникнуть
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Использовсние компонента не глобально (через плагин) и как следствие включение в общий бандл. Второе, заметили хинт доя вэбпака? - указание собрать в отдельный чанк, а не в общак
ну к примеру, у меня проект использует lodash, есть проект из 100 компонентов, 20 из них использует этот импорт, что изменится, если я включу сразу в зависимость или буду динамически обновлять?
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
ну к примеру, у меня проект использует lodash, есть проект из 100 компонентов, 20 из них использует этот импорт, что изменится, если я включу сразу в зависимость или буду динамически обновлять?
Ну всмысле что измениться? У тебя код будет погружаться по мере необходимости. Значит меньше общий бандл, значит быстрее загрузка
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
RusaXXX
Ну всмысле что измениться? У тебя код будет погружаться по мере необходимости. Значит меньше общий бандл, значит быстрее загрузка
мы сейчас про что говорим? про билд или дев?
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
мы сейчас про что говорим? про билд или дев?
Без разницы
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
RusaXXX
Прочитай еще раз что я написал и попробуй вникнуть
Ну зачем так агрессивно то. Я просто поделился тем, что в продакшн использую, а не теорией. Вопрос в чем?
Ты не знаешь директиву /*webpaChainName? Так спроси. Она тебе не помогает? Так спроси
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Ну зачем так агрессивно то. Я просто поделился тем, что в продакшн использую, а не теорией. Вопрос в чем?
Ты не знаешь директиву /*webpaChainName? Так спроси. Она тебе не помогает? Так спроси
Проехали. Я тебе про гусей, ты мне про коров
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
RusaXXX
Без разницы
т.е. ты хочешь сказать, что лучше 20 раз из 100 импортнуть динамически, чем обьявить 1 раз и навсегда?
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
RusaXXX
Проехали. Я тебе про гусей, ты мне про коров
Ну зачем так. Я же спокойно. В чем я не прав? Я обучаемый 😁
источник

AE

Alexander Epifanov in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Ну зачем так агрессивно то. Я просто поделился тем, что в продакшн использую, а не теорией. Вопрос в чем?
Ты не знаешь директиву /*webpaChainName? Так спроси. Она тебе не помогает? Так спроси
он тебе говорит, про то, что если ты 1 раз что-то объявишь не динамически, вся твоя динамика коту под хвост
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Ну зачем так. Я же спокойно. В чем я не прав? Я обучаемый 😁
Так я не говорю что вы не правы. Я сделал уточнен когда динамичнский импорт сломается
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Alexander Epifanov
т.е. ты хочешь сказать, что лучше 20 раз из 100 импортнуть динамически, чем обьявить 1 раз и навсегда?
Иногда да. Есть CkEditor весом в 300, зачем он мне в общем бандле?
источник