阅读 215

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.


关注下面的标签,发现更多相似文章
评论