问题描述

我们项目做完，验收通过以后，就需要打包发布上线啦。于是我们执行命令：npm run build打dist包，打包完以后截图如下：

直接打包的chunk-vendors.js太大了

chunk-vendors.js文件太大了，所以我们需要将其优化一下，拆分一下

chunk-vendors.js是啥

chunk-vendors.js，顾名思义chunk(块/包)-vendors(供应商)，即为：不是自己写的模块包，也就是/node_modules项目目录的所有模块包。所以这个chunk-vendors.js文件大的原因其实就是，我们把第三方的包都打包在这一个文件上了，都糅在一块，肯定大啊，所以想办法把其做一个拆分。

使用optimization.splitChunks做分包

这样的话，我们就把 chunk-vendors.js文件由，原来的824kB拆分成一个个几十KB的包文件了，这样的话，生产环境加载的时候，就会快一些