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

Any Webpack splitchunks.name as a function documentation other than from the website?

随着webpack 4的引入,splitChunks.name被用来定义一个split chunk的名称。在这里,文档说密钥可以映射到自定义命名的函数:

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

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

所以,我的问题是有人对这三个参数指的是什么有任何见解吗?

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

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

此函数将return 块的所需名称。因此,您可以使用 JavaScript 逻辑和 chunk.namechunk.hash 值来创建一个您希望块名称成为的 JS 字符串,以及 return 该字符串,将设置块名称。希望这对您有所帮助!