webpack 4中 split chunk 的加载顺序？

Question

Webpack 4 用 SplitChunkPlugin 替代了 CommonChunkPlugin，打包出来之后一个 chunk 可能依赖多个 chunk，这些被依赖 chunk 的加载顺序是什么样子的？
如果是并行，他们之间也存在依赖岂不是报错了？
如果是串行，加载的 chunk 一多，首屏展示就会更慢了？

Answer 1

SplitChunkPlugin既可以实现异步加载，也可以实现同步加载。

异步加载，虽然是同时加载多个文件，充分利用浏览器的性能，但并不是说异步运行，js文件中的代码是按照代码块的先后位置顺序执行的，如果是未加载完成就进行异步等待，考虑到文件的大小对应用的影响，SplitChunkPlugin需要设置输出文件的这些选项：

  minSize: 30000,
  maxSize: 0,
  minChunks: 1,
  maxAsyncRequests: 5,
  maxInitialRequests: 3,

具体可参考官方文档optimization.splitChunks