Vue CLIWebpack开启Gzip压缩打包时遇到错误，如何解决？

本文共计1210个文字，预计阅读时间需要5分钟。

前两天项目上线，用vue-cli和npm run build命令打包，打包完成后我兴奋地跳了一跳，15M。虽然目前暂时没算优化，但每次看到部署包这么大，都想先优化一下，让包看起来更清爽。

　　前两天项目上线，用vue-cli npm run build命令打包，打包完成后我擦吓了一跳，15M。本来暂时不打算优化的，但是每次看着部署包这么大，想想还是先优化一下，让包好看点，免得以后出现心理阴影！

　　在把 map文件干掉后，发现webpack这打包的速度，也忒感人了。在进行不自动生成 map文件设置时，有看到webpack自带的productionGzip功能，索性就一次性一起鼓捣鼓捣。

下面是瞎鼓捣历程，差点就鼓捣不出来了。

　　1、在项目 根目录config/index.js中build内找到productionGzip: false，把false改为true。与 productionSourceMap 刚好相反。

　　

属性值修改后，这个时候可以执行 npm run build。