Несколько сборок фронта Laravel/Vue?

Question

[Andrey0502]

Интересует вопрос сборки фронта большого проекта с множеством библиотек, когда app.js в prod уже занимает несколько мегабайт. Насколько актуально разбивать на отдельные сборки а не тянуть на каждой странице всё в одном app.js ?
Не могу найти хороших примеров в контексте Laravel, буду благодарен за ссылки на подобные проекты или описание собственного опыта. Спасибо.

Answer 1

[Александр Аксентьев]

как-то так https://medium.com/js-dojo/3-code-splitting-patter...

Но в основном весь вес от зависимостей которые все равно нужны почти везде, и будут подгружаться в любом случае, только теми же кусками. Хотя это уже лучше чем один огромный файл.

Вообще для начала выяснить где именно основной кусок кода лежит.
Там может быть подключен какой-нибудь css фреймворк например и он весь css код в app.js запихивает до кучи.
Так что в первую очередь избавиться от этого, а там уже видно будет.

Answer 2

[Alex Wells]

Вот то, что вы хотите: https://router.vuejs.org/guide/advanced/lazy-loadi...

Загружает части кода по нужде, и кэширует, естественно. Правда я все равно не понимаю, откуда у вас в app.js несколько МБ кода набралось.