vue项目优化

公司开发的app随着功能的增加，引入的插件的增加，使得app打开特别的慢，这次试用webpack的externals对项目进行优化

首先在config => build => 搜索gzip =>将gzip从false改为true  =>  npm install --save-dev compression-webpack-plugin@1.1.12
复制代码

第二步

这里有一个小坑，value值不是你自己在main.js写的全局引用,需要看下源码复制代码

第三步  在index.html中引用cdn  注意cdn的版本号要和package.json版本号一致


复制代码

以上就是所有打包优化过程，原来首屏加载js文件有5MB，经过优化后只有2MB不到了  ，有更

好的打包方式优化的同学可以一起讨论下~

end.

转载于:https://juejin.im/post/5c4e8bb2e51d4576563abb8f