javascript - Webpack - 手动创建异步公共(public) block

Question

在 Webpack 中，我将如何创建一个普通的(非入口)异步 block ，它只包含我指定的内容。

例如，假设我有 moduleA 和 moduleB。两者都通过 System.import 按需加载。 moduleA 和moduleB 都使用了/shared 目录中的各种内容。我将如何创建一个包含(仅)所有共享内容的异步 block ？ (在现实生活中，不仅仅是 moduleA 和 moduleB 在 shared 中共享内容)

最近的the docs似乎显示的是 chunks 数组，但这似乎是要分析公共(public)内容的 block ，这些内容将被提取到公共(public) block 中。

这个问题是this answer的延伸(同样由 Webpack 创建者编写)。

我只是想知道如何(如果可能的话)通过手动指定要进入的内容，对进入公共(public) block 的什么进行更大、更细粒度的控制进入他们。

Answer 1

此插件将所有模块从 shared 移动到一个单独的异步公共(public) block 中，这些模块从至少两个具有公共(public)父级的按需加载 block 中使用。

如果您知道公共(public)父 block (即路由器)，您可以选择传递一个name参数。

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