SplitChunksPlugin 这2个条件是啥意思？没看到它想表达的意思

SplitChunksPlugin 这2个条件是啥意思？没看到它想表达的意思
附链接：https://webpack.docschina.org...

1 . Maximum number of parallel requests when loading chunks on demand would be lower or equal to 30
指模块引用的按需chunk必须小于等于30才可以继续分离出新chunk吗？

就是说如果一个chunk符合前2个条件，但是分离出去后导致某个模块引用的按需chunk大于30，那么这个chunk就不能分离出去？

2 . * Maximum number of parallel requests at initial page load would be lower or equal to 30
入口按需引用的chunk<=30？看起来跟上一条一样啊

查了好多资料，都是照着英文翻译的，有懂的解析大神不？

回答

第一个对应的配置应该是 maxAsyncRequests 这个配置的意思是限制了页面在加载一个资源的时候并行加载的资源最大请求数量

当你配置了splitChunks的时候，webpack会对你的代码按照配置进行分割出来很多chunk, 一种是初始化的，需要用cacheGroups来申明，这种会打到html中，当然这个个数依然受限于maxInitialRequests这个，详细可以看下面解释，其他的无数个chunks会根据你的依赖来判断是否要动态引入，那么你加载页面要动态引入多少chunks就由maxAsyncRequests这个字段来控制，当你数量很小的时候，有些chunk是不会单独隔离出来的。

第二个对应的配置应该是 maxInitialRequests 这个配置对应是的在加载一个页面的时候最大的初始化资源的数量

当你webpack打包好之后，html文件里面会多出几个js文件，vendor.js，index.js, common.js 等等这些js不是无故加上去的，而是配置cacheGroups并且通过maxInitialRequests这个字段来做限制，当你 maxInitialRequests这个字段值很小的时候比如设置为2，那么webpack可能不会去把common.js(这只是个例子，并不真的是common.js)单独分割出来