如何处理在vue-cli中使用webpack配置Gzip压缩时出现的打包错误？

本文共计1222个文字，预计阅读时间需要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。