Блог

Я пытаюсь обновить устаревшее интерфейсное веб-приложение, чтобы использовать webpack для зависимостей. Прямо сейчас это структурировано следующим образом:

 - login.html
- dashboard.html
... src/login.js
... src/dashboard.js
  

Каждая страница имеет свой собственный файл javascript, плюс он загружается в кучу внешних зависимостей через теги скрипта на странице. Моя проблема в том, что большинство страниц используют некоторые вариации одной и той же группы очень больших библиотек и плагинов jquery. Если я объединю js каждой страницы в отдельный js-файл, у меня получится огромный пакет для каждой страницы, который нужно загружать каждый раз, когда пользователь меняет страницу. Я бы предпочел иметь только один пакет, который загружает каждая страница и использует необходимую часть. Предназначен ли webpack fir для этой цели, и если да, то как я должен это делать?

Я «решил» это, сохранив импорт моей библиотеки таким, какой он есть, т.Е. jquery, bootstrap и т. Д., Загруженные с CDN. Я создал один пакет для каждой из моих больших локальных библиотек и включил его на каждую страницу, чтобы он кэшировался браузером, затем я использовал webpack с несколькими точками входа для нашего пользовательского кода js.