vue用webpack打包开启gzip，在服务端tomcat开启配置

1.vue工程中的config/index.js中配置如下

productionGzip: true,
productionGzipExtensions: ['js', 'css'],

2.修改build/webpack.prod.conf.js配置如下

3.安装压缩工具，安装指定版本，千万不能按照最新版

npm install --save-dev compression-webpack-plugin@1.1.11

4.执行npm run build 执行结果如下
压缩前

压缩后

5.如果部署在tomcat需要启用gzip，修改conf/server.xml, 增加后面compression开头的三行配置

<Connector port="9915" protocol="HTTP/1.1"
           maxThreads="200" connectionTimeout="20000"
           enableLookups="false" 
           redirectPort="8443"
           URIEncoding="UTF-8"
           compression="on"
           compressionMinSize="1024"
           compressableMimeType="text/html,text/xml,text/plain,text/javascript,text/csv,application/javascript,application/json,application/xml"
/>

6.对比最后执行结果
压缩前

压缩后