webpack - 任何 Webpack splitchunks.name 作为网站以外的功能文档？

Question

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

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

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

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

Answer 1

每个参数都是 webpack 提供的一个对象，每个参数都有很多参数。以下是我发现在面对这个问题时有用的信息：

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

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