Size: a a a

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

2020 November 19

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
mrFANRA
это?

@Component({
 components: {
   VueAgile: () => import(/* webpackChunkName: "vue-agile" */'vue-agile/src/Agile.vue')
 }
})
Да. Общий принцип таков. (только внимательней, у меня, например TS, надо выставить removeComnents:false, итд)
В данном примере, я вырезал карусель, которая шла как плагин и портила общий бандл. И ещё таких плагинов на 1,2 метра вырезал побив на модульные чанки.
Также можно и со своими тяжёлыми компонентами делать
источник
2020 November 20

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Valar Morghulis
Использую активно)
И как ssr и это дружат? (при гидрации)
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
И как ssr и это дружат? (при гидрации)
а оно не имеет значения, ssr или не ssr. Это представление данных ввиде моделей и коллекций с возможность писать методы им в виде классов
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Да. Общий принцип таков. (только внимательней, у меня, например TS, надо выставить removeComnents:false, итд)
В данном примере, я вырезал карусель, которая шла как плагин и портила общий бандл. И ещё таких плагинов на 1,2 метра вырезал побив на модульные чанки.
Также можно и со своими тяжёлыми компонентами делать
честно сказать я не догоняю принципа, я в чанки полез копаться только сейчас по большому счету. я нуб во фронте
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
mrFANRA
честно сказать я не догоняю принципа, я в чанки полез копаться только сейчас по большому счету. я нуб во фронте
Набери ключевое слово, что я ранее писал. Почитай. Тут фронт не причём, это чисто вэбаковская жуйня 😳😁
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Набери ключевое слово, что я ранее писал. Почитай. Тут фронт не причём, это чисто вэбаковская жуйня 😳😁
webpackChunkName ?
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
mrFANRA
а оно не имеет значения, ssr или не ssr. Это представление данных ввиде моделей и коллекций с возможность писать методы им в виде классов
Имеет. Северный рендеринг делает гидрации (сериализацию) стейта итд через toJSON в POJO
Могут быть нюансы, когда по маршруту на spa работает, а при ssr нет
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
mrFANRA
webpackChunkName ?
Ага
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
я не догоняю что я в итоге должен получить. те при помощи webpackChunkName я могу раскидывать компоненты в конкретные чанки, т.е. давать им свои  имена. так?
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
mrFANRA
я не догоняю что я в итоге должен получить. те при помощи webpackChunkName я могу раскидывать компоненты в конкретные чанки, т.е. давать им свои  имена. так?
Примерно так. То есть, как выше про карусель, у меня это отдельный чанк (при сборке убедись что он появился).
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
я вот сделал сейчас вот так
const DatePicker  = () => import('vue-ctk-date-time-picker');

и в итоге чанки выглядят так
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
прямо в компоненте и сам тэг DatePicker взял в client-only
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
mrFANRA
я не догоняю что я в итоге должен получить. те при помощи webpackChunkName я могу раскидывать компоненты в конкретные чанки, т.е. давать им свои  имена. так?
Ещё пример, vue-good-table. Отличный пакет, в доке юзать под нухт плагин. Плагин что делает Vue.use...
Но нахер он мне в общем бандле. Я его и порчу непосредственно там где нужен
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
mrFANRA
я вот сделал сейчас вот так
const DatePicker  = () => import('vue-ctk-date-time-picker');

и в итоге чанки выглядят так
И?
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
пардон не тот скрин
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
ну он сейчас отдельно же, так ведь и должно быть
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
не понимаю что мне даст webpackChunkName, кроме как имени чанка
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
mrFANRA
не понимаю что мне даст webpackChunkName, кроме как имени чанка
Собери прод сборку, посмотри как чанки пробились (если пробились)
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Сергей Рыжков
Собери прод сборку, посмотри как чанки пробились (если пробились)
это?
источник