我理解在webpack上完成的伟大工作4.特别是重写代码拆分插件 . 但是,由于它仍然有点新,我没有找到关于新SplitChunksPlugin的好文档 .
我挣扎着所选术语的含义 . 例如:
chunks :有3个可能的值"initial","async"和"all" . 这是什么意思?初始块是条目?异步动态导入?一切都是最初的异步?如果我使用initial,那么我的动态导入块会被提取到供应商包吗?
enforce :我看到很多设置强制执行的配置:是的,这是什么意思?
为了更好的上下文,我发布了一个splitChunks配置的例子 .
optimization: {
splitChunks: {
cacheGroups: {
'commons': {
minChunks: 2,
chunks: 'all',
name: 'commons',
priority: 10,
enforce: true,
},
},
},
},
1 回答
实际上,虽然实际上有一些官方文件:https://webpack.js.org/plugins/split-chunks-plugin/
以下文章可能更有用:https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
我特别发现以下非常有启发性: