任何 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
它接受参数 module
、chunks
、cacheGroupKey
。这些参数的文档有点缺乏,但我可以使用一些直觉。即,cacheGroupKey
属于 splitChunks.cacheGroups
中定义的键。我认为 chunks
是共享公共代码的块,这些代码是 cacheGroupKey
块的一部分,但在任何地方都没有官方文档。
所以,我的问题是有人对这三个参数指的是什么有任何见解吗?
每个参数都是webpack提供的一个对象,每个参数都有一大堆参数。以下是我发现对解决此问题有用的信息:
chunks
是 Chunk 对象的列表,每个对象都有大量属性(对命名最有用的是 chunk.name
和 chunk.hash
)。每个块都有模块,每个模块都有块,等等。SplitChunksPlugin 将以优化网络性能的方式生成这些块列表,因此除非您是高级用户,否则您不必担心哪些块与哪些块.
此函数将return 块的所需名称。因此,您可以使用 JavaScript 逻辑和 chunk.name
和 chunk.hash
值来创建一个您希望块名称成为的 JS 字符串,以及 return 该字符串,将设置块名称。希望这对您有所帮助!
随着webpack 4的引入,splitChunks.name
被用来定义一个split chunk的名称。在这里,文档说密钥可以映射到自定义命名的函数:
https://webpack.js.org/plugins/split-chunks-plugin/#splitchunksname
它接受参数 module
、chunks
、cacheGroupKey
。这些参数的文档有点缺乏,但我可以使用一些直觉。即,cacheGroupKey
属于 splitChunks.cacheGroups
中定义的键。我认为 chunks
是共享公共代码的块,这些代码是 cacheGroupKey
块的一部分,但在任何地方都没有官方文档。
所以,我的问题是有人对这三个参数指的是什么有任何见解吗?
每个参数都是webpack提供的一个对象,每个参数都有一大堆参数。以下是我发现对解决此问题有用的信息:
chunks
是 Chunk 对象的列表,每个对象都有大量属性(对命名最有用的是 chunk.name
和 chunk.hash
)。每个块都有模块,每个模块都有块,等等。SplitChunksPlugin 将以优化网络性能的方式生成这些块列表,因此除非您是高级用户,否则您不必担心哪些块与哪些块.
此函数将return 块的所需名称。因此,您可以使用 JavaScript 逻辑和 chunk.name
和 chunk.hash
值来创建一个您希望块名称成为的 JS 字符串,以及 return 该字符串,将设置块名称。希望这对您有所帮助!