【vue】浅谈vue-cli2.0的打包优化

今天在修改 config/index.js 中的 build 里面的 assetsPublicPath 时，

发现了其下面的 productionSourceMap 和 productionGzip。

说句尴尬的话，之前还真没有注意到过这两个属性，现在既然发现了，那就探索下吧。

带着面向谷歌和百度的编程思想，我去撸了下文档，然后简单的总结下，方便自己填坑。

productionSourceMap   

是否开启打包时自动生成 .map 文件，建议修改为 false，这样打包后的大小能减少不少。

同时还有重要的一点，就是当为 true 的时候，你的源码是暴露出来的，

只要打开浏览器的控制台，在 Sources 里面就能直接看到你的源码。

所以一般推荐把这个属性设置为 false

productionGzip               

是否开启打包时的压缩，这个看自己情况而定，我是从发现这个属性后一直都是 true。

使用这个属性的时候，需要安装 compression-webpack-plugin 依赖

2.0.0版本后此模块最低需要 Node v6.9.0 和 Webpack v4.0.0 啊

所以如果是如果是 webpack3.x 版本，带着版本号安装

cnpm install --save-dev compression-webpack-plugin@1.1.12

搞好两个属性之后，再次运行 npm run build 发现打包的大小竟然减少了50%左右，真实惊到了。

如有问题欢迎留言提出，如果你有更好的优化方法，也欢迎留言指教。

 

原文地址：https://blog.csdn.net/liyunkun888/article/details/95595268