任何 Webpack splitchunks.name 作为功能文档而不是来自网站？

Question

随着 webpack 4 的引入，splitChunks.name用于定义拆分块的名称。在这里，文档说可以将键映射到用于自定义命名的函数：

https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksname

它接受 params module, chunks, cacheGroupKey。这些参数的文档有点缺乏，但我可以使用一些直觉。即，cacheGroupKey与 中定义的键有关splitChunks.cacheGroups。我认为chunks是共享公共代码的块，它们是cacheGroupKey块的一部分，但在任何地方都没有关于它的官方文档。

所以，我的问题是有人对这三个参数所指的内容有任何见解吗？

Answer 1

每个参数都是 webpack 提供的一个对象，每个参数都有大量的参数。以下是我发现对解决此问题有用的信息：

chunks是一个 Chunk 对象的列表，每个对象都有大量的属性（最有用的命名是chunk.nameand chunk.hash）。每个块都有模块，每个模块都有块等。 SplitChunksPlugin 将以优化 Web 性能的方式生成这些块列表，因此除非您是高级用户，否则您不必担心哪些块与哪些块.

此函数将返回块的所需名称。因此，您可以使用 JavaScript 逻辑和chunk.name和chunk.hash值来创建一个您希望块名称为的 JS 字符串，并返回该字符串，这将设置块名称。希望这可以帮助！