почему есть несколько файлов js, сгенерированных webpack - PullRequest
1 голос
/ 08 октября 2019

Я новичок в React и в webpack, только некоторые вопросы по js-файлам, созданным в webpack. Я всегда думал, что webpack получит все зависимости js в один bundle.js файл, но когда я проверяю свой браузер, я вижу, что на самом деле есть три файла:

0.chunk.js bundle.js main.chunk.js

Ниже приведены мои вопросы:

Q1-Почему бы просто не получить веб-пакет и собрать все в один bundle.js файл?

Q2-какова цель 0.chunk.js, main.chunk.js?

Q3-Кто вставляет элементы сценария для каждого файла js в файл index.html, в веб-пакет или загрузчик?

Ответы [ 2 ]

1 голос
/ 08 октября 2019

Q1. Почему бы веб-пакету не получить все и не упаковать их в один файл bundle.js?

Это позволяет выполнять отложенную загрузку и разбиение кода, что ускоряет загрузку приложения.

Q2. какова цель 0.chunk.js, main.chunk.js?

Это чанки, которые называются webpack. У них есть код JS, который передается для работы в более старых и новых браузерах.

Q3. Кто вставляет элементы сценария для каждого файла js в файл index.html, в веб-пакет или загрузчик?

Теги вставляются веб-пакетом. Webpack использует загрузчики для использования не JS-ресурсов, таких как изображения, таблицы стилей и т. Д.

Надеюсь, это поможет

1 голос
/ 08 октября 2019

Q1-Почему веб-пакет не объединяет все в один bundle.js файл

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

Q2-Какова цель 0.chunk.js, main.chunk.js

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

Q3-Кто вставляет элементы скрипта для каждого файла .js в index.htmlфайл, Webpack или загрузчик?

Webpack. Загрузчики используются для упаковки любых не-javascript-ресурсов и помогают Webpack компилировать и связывать эти не-javascript-ресурсы, так как сам Webpack понимает только javascript. Загрузчики работают со своими файлами во время или до создания пакета.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...