理解webpack4.splitChunks之其余要点
Posted 渴望做梦
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了理解webpack4.splitChunks之其余要点相关的知识，希望对你有一定的参考价值。
splitChunks除了之前文章提到的规则外，还有一些要点或是叫疑惑因为没有找到官方文档的明确说明，所以是通过我自己测试总结出来的，只代表我自己的测试结果，不一定正确。
- splitChunks.cacheGroup必须同时满足各个条件才能生效，这个之前我理解错误，我以为比如minSize或是minChunks等条件只要满足一条就可以拆分，但是实际上必须同时满足才行
- splitChunks的配置项都是作用于cacheGroup上的，如果将cacheGroup的默认两个分组vendor和default设置为false，则splitChunks就不会起作用
- minChunks、maxAsyncRequests、maxInitialRequests的值必须设置为大于等于1的数
- 当chunk没有名字时，通过splitChunks分出的模块的名字用id替代，当然你也可以通过name属性自定义
- 当父chunk和子chunk同时引入相同的module时，并不会将其分割出来而是删除掉子chunk里面共同的module，保留父chunk的module，这个是因为 optimization.removeAvaliableModules 默认是true
- 当两个cacheGroup.priority相同时，先定义的会先命中
- 除了js，splitChunks也适用于css
以上是关于理解webpack4.splitChunks之其余要点的主要内容，如果未能解决你的问题，请参考以下文章