webpack - 使用 webpack 中的 CommonChunk 插件多次评估模块

Question

我有一个包含多个条目和一个公共(public) block 的 webpack 构建。有时我加载 entry1 有时我加载 entry1 和 entry2，有时加载条目 2 和 3。无论如何我总是包含公共(public) block 。

一切似乎都很好，捆绑文件也很好。但是运行时似乎有问题。当我需要两个条目并且它们都依赖于某个模块(在公共(public)文件中)时。该模块被评估两次。

简单的例子:

entry1.js

require('./dep.js');

entry2.js

require('./dep.js');

部门.js

alert('called')
module.exports = 2;

在这里我看到警报被调用了两次。我期待 webpack 做一些类似于 node.js 的事情并缓存需求。

我仔细检查了 deps.js 的内容确实在 common.js 文件中，并在 alert 上放置了一个断点显示同一代码被多次调用。这不是预期的。

有办法解决吗？

Answer 1

如果这是 webpack 4，你应该使用 optimization.runtimeChunk: 'single`就像文档中建议的那样。否则每次都会根据文档初始化模块:

Imported modules are initialized for each runtime chunk separately, so if you include multiple entry points on a page, beware of this behavior. You will probably want to set it to single or use another configuration that allows you to only have one runtime instance.