webpack_splitChunks_demo

之前一直也没有研究过webpack4是基于怎样的规则去拆分模块的,现在正好有时间打算好好了解一下,看了官方文档也陆陆续续的看了看网上别人写的文章,感觉大部分都是将官方文档翻译了一遍,很多问题都没有解释清楚,无奈只好自己写demo去通过实际编译结果来理解,经过一天多的不断调试和百度,基本弄清楚了splitChuns的运行规则了,特此记录下来

module、chunk和bundle

分几个主要的参数来学习 splitChunks,具体参数如下:

splitChunks

chunks

cacheGroups

maxAsyncRequests

maxInitialRequests

参考

理解webpack4.splitChunks