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

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

阅读 4.2k
2 个回答

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题