Как подключить разные файлы js к разным html файлам?

Question

[dimagosling]

У меня есть файл index.html и auth.html. Мой сборщик собирает все файлы в app.min.js. И если в index.html все работает нормально, то в auth.html появляются ошибки, например из-за того, что нет такого же обработчика событий как в index.html (его там и не должно по идеи быть). И получается так, что функция вызывается там, где её быть в принципе не должно. Как это можно пофиксить? Использую gulp + webpack

Answer 1

[smilingcheater]

Объявите в вебпаке по отдельному entry для каждой страницы
https://webpack.js.org/concepts/entry-points/
Вебпак будет собирать несколько бандлов. Подключайте в страницах соответствующие им бандлы.
Так же рекомендую настроить генерацию общего чанка, чтобы общие части JS не дублировались в бандлах, а попадали в один общий.
https://webpack.js.org/configuration/optimization/...
https://webpack.js.org/plugins/split-chunks-plugin/

Comments

[dimagosling]

Спасибо!