vue项目打包使用gzip

说明：使用webpack构建的vue项目
1、安装插件：npm install --save-dev compression-webpack-plugin@1.1.12
2、在config文件夹下面的index.js文件中修改productionGzip为true
3、关闭productionSourceMap设置为false
4、服务器配置

5、配置webpack.prod.conf.js文件

注：主要是设置deleteOriginalAssets删除未压缩的原文件，因为打包给后端只需要提供压缩文件即可
6、补充compression-webpack-plugin版本太高会报的错

7、打包对比
1）使用压缩之前的打包文件：

2）使用压缩之后的打包文件：

8、参考文章：https://www.jb51.net/article/252902.htm