Laravel Mix: В чем выгода извлечения продавцов?

Question

Мой минимизированный размер пакета составляет 246 КБ. Я вижу, могу ли я стать меньше, и я читаю, что извлечение vue и jquery с помощью mix.extract(['vue', 'jquery']); может помочь в этом. Я добавил это в webpack.mix.js`, и теперь он создал 2 файла, а не 1. Он сделал: 1) app.js размером 161 КБ и 2) vendor.js размером 180 КБ. Какая польза от этого, если оба должны быть включены в страницу в любом случае?

Answer 1

Помогает оптимизировать размер файлов, которые клиент должен был загрузить.Таким образом, увеличьте скорость загрузки страницы, даже если вы обновили свой сайт.

Проверьте документацию .

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

Answer 2

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