Загрузка групп зависимостей в Webpack

Question

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

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

Поскольку это SPA, я бы хотел избежать использования тега <script> и загрузить его с более крупными (а именно, brace, esprima, lodash и т. Д.) Зависимостями, когда пользователь достигнет соответствующих частей приложения.

Это похоже на подход с разделением поставщиков, за исключением того, что мне нужны только необходимые модули для навигации, регистрации, входа в систему и т. Д. При использовании кусков из окна он дублирует эти зависимости для каждого фрагмента, поэтому они являются общими зависимостями, но я «Мне нравится иметь более одного общего пучка; и иметь возможность загружать его асинхронно, когда это необходимо.

Answer 1

Это называется разделением кода. (Webpack Code Splitting) Взгляните на сайт Webpack для краткого описания того, как он работает. Большинство учебных пособий там ссылаются на разделение кода для критического отображения пути, но концепция такая же и должна быть применима для вашей ситуации.

Я бы рекомендовал создать запись для ваших пакетов зависимостей, а затем указать, что с каждым модулем. В то время как теоретически вы можете просто затягивать зависимости для каждого модуля независимо от «связанных зависимостей», я столкнулся с проблемами с веб-пакетом, где зависимости повторно инициализируются при ссылках на отдельные пакеты, что вызывает проблемы для зависимостей, которые должны быть одноточечными ,