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

标签 webpack webpack-4 webpack-splitchunks splitchunksplugin

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

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

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

所以,我的问题是,是否有人对这三个参数所指的内容有任何见解?

最佳答案

每个参数都是 webpack 提供的一个对象,每个参数都有很多参数。以下是我发现在面对这个问题时有用的信息:
chunks是 Chunk 对象的列表,每个对象都有大量属性(最有用的命名是 chunk.namechunk.hash )。每个 block 都有模块,每个模块都有 block ,等等。SplitChunksPlugin 将以优化 Web 性能的方式生成这些 block 列表,因此除非您是高级用户,否则您不必担心哪些 block 与哪些 block .

此函数将返回所需的 block 名称。因此,您可以使用 JavaScript 逻辑和 chunk.namechunk.hash values 来创建一个你想要你的 block 名称的 JS 字符串,并返回该字符串,这将设置 block 名称。希望这可以帮助!

关于webpack - 任何 Webpack splitchunks.name 作为网站以外的功能文档?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55717783/

相关文章:

javascript - 无法使用 webpack-dev-server 获取/

javascript - 编写 webpack 或 babel 插件将静态属性编译到样式表中

webpack - 覆盖 webpack 4 中内置的 json-loader

javascript - Webpack v4 在单个页面上有多个条目, block 被不必要地重复

javascript - htmlWebPack 插件 publicPath 没有按预期工作

javascript - Webpack 中如何选择输出文件目录?

javascript - 无法加载使用 webpack-image-loader 动态导入并从 JSON 文件调用的图像

javascript - 如何从 webpack 4 中的 vendor 文件获取变量

javascript - Webpack Split Chunks Plugin 覆盖缓存组,正则表达式匹配错误?