@Voindf

Что такое self.webpackChunkmy_project?

Здравствуйте, после сборки любого проекта на vue или реакт бандл обычно начинается с self.webpackChunkmy_project что это, если просто собрать js-скрипт вебпаком такого не появляется...
  • Вопрос задан
  • 576 просмотров
Решения вопроса 1
@disappearedstar
Фронтенд-разработчик
self — это ссылка на window
webpackChunk — это префикс для свойства, сгенерированного вебпаком
my_project — это значение поля name в вашем package.json

Вебпак генерирует код, который создает на window свойство webpackChunkЧтоТо, по которому находится массив. Все скрипты, созданные в результате сборки (бандлы из entry и чанки, выделенные через optimization.splitChunks — это как раз ваш кейс, т.к. vue-cli и create-react-app умеют автоматический code splitting), знают это имя webpackChunkЧтоТо и пушат в этот массив себя: свое имя (берется из имени entry или из магического коммента webpackChunkName) и реестр модулей, упакованных в этот скрипт. Позже рантайм вебпака пробегает по этому массиву и собирает из них мапу всех модулей проекта.

Итого: self.webpackChunkmy_project — это то место, куда после загрузки складываются все кусочки вашей сборки, разбитой на несколько чанков. Если "просто собрать js-скрипт вебпаком", то на выходе будет один цельный скрипт -> self.webpackChunkmy_project не нужен -> вебпак его не генерирует.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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