Question

在Webpack中，我将如何创建一个只包含我指定内容的普通（非条目）异步块。

例如，假设我有moduleA和moduleB。两者都是通过System.import按需加载的。 moduleA和moduleB都使用/shared目录中的各种内容。我如何创建一个包含（仅）全部共享内容的异步块？（在现实生活中，只有moduleA和moduleB分享shared中的内容

最接近的the docs似乎显示的是chunks数组，但这似乎是分析常见内容的块，这些内容将被提取到公共块中。

这个问题是this answer的扩展（由Webpack创建者写的不少）。

我只是想知道如何（如果可能的话）你可以通过手动指定来对进入公共块进行更好，更细粒度的控制进入他们。

Answer 1

此插件将所有模块从shared移动到至少两个按需加载的块与公共父组件一起使用到单独的异步公共块中。

如果您知道公共父组块（即路由器），则可以选择传递name参数。

new CommonsChunkPlugin({
  async: true,
  children: true,
  minChunks: function(module, count) {
    return module.resource &&
      module.resource.indexOf("/path/to/shared/") === 0 &&
      count >= 2;
  }
})

Webpack - 手动创建异步公共块

1 个答案: