webpack - "children"在 CommonsChunkPlugin 配置中指的是什么

Question

我正试图围绕 webpack 的 CommonsChunkPlugin 的配置选项。这些选项包括 bool 值 children属性(property)。你能解释一下当它设置为 true 时会发生什么，而当它设置为 false 时会发生什么？ This documentation说“如果 true 选择了公共(public) block 的所有子项”，但该页面从未定义“公共(public) block 的子项”。 child 是包含公共(public) block 的 block 吗？或者也许是公共(public) block 包含的模块？此外，“选择” child 的含义是什么？

Answer 1

我认为这里的措辞有点误导。如果您查看相关的example on the same documentation page它变得更加清晰。

一旦你开始进行代码拆分，术语 block 可以指

你的入口 block ，它有你的代码中的分割点创建的 child ，

由分割点创建的 block (即入口 block 的子 block )，或

您与 CommonsChunkPlugin 合并的公共(public) block 。

现在，正如您在文档中看到的那样，您使用 CommonsChunkPlugin 将代码合并到的公共(public) block 可以是新的公共(public) block 或现有 block 。后者是通过在 CommonsChunkPlugin 选项中将现有 block 的名称指定为公共(public) block 的“名称”属性来实现的。但是，根据我的经验，您只能指定作为应用程序入口点的现有 block 。例如，如果您的应用程序入口点的名称为“app”，则以下 CommonsChunkPlugin 选项应将“app”子级中的公共(public)代码合并到“app” block 中。

new webpack.optimize.CommonsChunkPlugin({
  name: 'app',
  children: true
})

相反，如果您想为“app”的子项的公共(public)代码创建一个新的公共(public) block ，则可以使用以下代码:

new webpack.optimize.CommonsChunkPlugin({
  name: 'app',
  filename: 'common-code.js',
  children: true,
  async: true
})

回到文档中的报价

If true all children of the commons chunk are selected

“commons chunk”这个词可能应该被“entry chunk”取代。