vue-cli2和vue-cli3 打包开启gzip 压缩

1.vue-cli2

1. 先安装打包插件compression-webpack-plugin : npm install --save-dev compression-webpack-plugin@1.1.12。（因为vue-cli2使用的是webpack3.0+，但是最新版的compression-webpack-plugin需要 webpack4.0+才能支持，所以这边安装插件的时候，需要指定一个低版本号，防止兼容问题发生。）
2. 安装好之后，修改config文件夹下的index.js文件

   将productionGzip: false 改为  true

3. 不进行这一步的情况下，已经可以正常打包，并且将大文件压缩成gz文件，但是因为vue-cli自带的webpack.prod.config配置没有对css文件进行匹配，所以如果需要css文件进行压缩的话，就要修改build文件夹下的正则匹配。

   改为

   
   

4. 运行npm run build 就可以进行打包了，会将大小大于10K的文件进行压缩，生成 gz 结尾的静态文件

   
   

5. 最后一步，上传到服务器之后，ngnix需要进行配置，配置文件如下

   接下来就可以愉快地访问啦！

2.vue-cli3

1. 先安装打包插件compression-webpack-plugin : npm install --save-dev compression-webpack-plugin。
2. 修改 vue.config.js 配置：
3. npm run build,打包完之后可以看到，打包文件生成了gz结尾的压缩文件：
4. 同上修改ngnix服务器配置，就可以愉快的访问啦~~~