H5W3
当前位置:H5W3 > 问答 > 正文

vue-cli打包后vendor.js过大的原因?

为什么脚手架打包以后,里面的vendor文件有一兆多,我已经吧第三方的elementUI,vuex,echarts等采用cdn的方式引入了,路由也是采用懒加载的方式引入的,可还是有这么大,上线后刷新就加载特别慢,这个vendor文件夹花了七八秒钟,有什么好的方法解决吗?

回答

1.检查有没有map文件 有的话配置文件里面修改sourceMap
2.看看有没有过多的全局组件 尽量不用全局组件 单独引入

build命令后加上--report再打包看是那些包的体积比较大,针对性的优化

  1. 本地图片文件可以进行压缩
  2. 除了上述你说的那些使用cdn以外看还有什么比较大的包也使用cdn方式
  3. 去掉重读代码,能复用则复用
  4. 通过webpack可在生产环境去掉 console
  5. ……

根据打包后的分析图针对性优化

未经允许不得转载:H5W3 » vue-cli打包后vendor.js过大的原因?

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址