Как правильно организовать сборку javascript bundle?

Question

[mikoniyan]

Есть несколько страниц, и каждая страница имеет свои уникальные скрипты.
Например:

1. Home - имеет скрипт для слайдера
   
2. Contact - имеет скрипт для обработки форм обратной связи
   
3. Shop - имеет скрипт сортировки продуктов
   
4. Services - имеет скрипт расчета стоимости услуг
   

Еще подключается jQuery, owlcourusel, modernizer, bootstrap ...
На данный момент, я все эти скрипты собираю в 1 bundle.min.js

Вопрос: Как лучше всего собирать их, посоветуйте кто что предложить может ?

Answer 1

[Yan Markov]

Попробуй создать для каждой страницы свою точку входа, а глобальные скрипты, которые работают везде, положи в global.js и импортируй его на каждой странице.

Answer 2

[Никита Кит]

https://webpack.js.org/guides/code-splitting/
Определённо как раз твой случай

Comments

[mikoniyan]

Так и сделал. Спасибо.

[Никита Кит]

mikoniyan, можешь ещё к этому всему webpack bundle analyzer прикрутить, чтоб тебе вообще всё прозрачно было видно