vue3+vueCli4解决chunk-vendors.js文件过大方案总结

vue3+vueCli4解决chunk-vendors.js文件过大方案总结

1.需求背景

• 最近开发的vue3+vueCli4项目在线上环境中发现项目中chunk-vendors.js文件过大，十分影响首屏加载的速度，所以这里记录一下我的解决方案。
• 简单讲一下，项目中的chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模块， 它意味着（仅和）来自项目 /node_modules 目录的所有模块，会将所有 /node_modules 中的第三方包打包到 chunk-vendors.js 中 ，这就意味着每一个三方包都会增加他的体积大小，所以我们要想法优化它。

解决方案

• 前往vue.config.js文件，进行一下配置：

• 
  // vue.config.js文件配置如下：
  
    configureWebpack: {
       
      optimization: