在 Webpack 中加载依赖组答案

【问题标题】：Loading groups of dependencies in Webpack在 Webpack 中加载依赖组
【发布时间】：2016-04-13 16:40:05
【问题描述】：

Webpack 使得将东西捆绑在一起变得非常容易，并且异步地需要单个块。

但是我不知道如何延迟需要我的应用程序的几个部分所需的一组依赖项。

由于它是一个 SPA，我想避免使用 <script> 标签，并在用户到达应用程序的相关部分时让它加载一组更大的（即大括号、esprima、lodash 等）依赖项。

这类似于供应商拆分方法，除了我只需要导航、注册、登录等基本模块。当使用开箱即用的块时，它会为每个块复制这些依赖项，因此它们是常见的依赖项 - 但我想要拥有多个共同的捆绑包；并能够在需要时异步加载。

【问题讨论】：

【解决方案1】：

这称为代码拆分。 (Webpack Code Splitting) 查看 Webpack 站点，了解其工作原理的“简要”细分。那里的大多数教程都参考了关键路径渲染的代码拆分，但概念是相同的，应该适用于您的情况。

我建议为您的依赖包创建一个条目，然后在每个模块中引用它。虽然理论上你应该能够为每个模块独立于“捆绑的依赖项”引入依赖项，但我遇到了 webpack 的问题，其中依赖项在被单独的捆绑包引用时会重新初始化，这会导致原本应该是单例的依赖项出现问题.

【讨论】：