前端vue项目打包文件太大，请问应该怎么优化？

Question

vue项目打包之后，有很多大文件，里面引用了一下第三方插件，无奈服务器在北京，而使用是在深圳，每次打开都需要几秒钟，请问这应该怎么优化？？？详细如下图：
打包之后的文件：

访问downLoad Content的时间： 真的是太久了！！！

Answer 1

除开网络优化，只能逐个排查一下大文件是不是必须的，有没有其它可以替代？

Answer 2

1.不知道你用了哪些插件，如果像jQuery、echarts、elementUI、axios之类的，都有cdn链接，使用cdn在index.html引用，然后再webpack里配置打包的时候不要将这些插件打包进去就会省很多
2.公司项目里常用的代码也可以尝试配置到cdn上，即减轻了后续开发的代码量，也减少了打包和加载的负担
3.再就是压缩的时候需要前后端配合一下启用gzip，会进一步压缩打包文件

不知道你的具体引用情况，可能说的不到位，欢迎交流~

Answer 3

库最好单独一个 chunk 或者 用 cdn

Answer 4

cdn上没有找到vue2-brace-editor'，下载下来放到你们放静态资源的地方，比如说七牛云