VUE开启利用nginx和webpack来使用gzip压缩功能

在你的项目使用了Vue的路由懒加载、Vue使用CDN引用项目组件，减少项目体积 后，还是觉得项目加载速度慢，效果不尽如人意的时候，还有一个“瘦身项目”可以完成，那就是利用nginx和webpack来使用gzip压缩功能。

通常来讲更小的体积就意味着更快的加载速度，也就对应着更好用户体验。整个过程大体分为两步，废话不多讲，开始

一、 webpack插件 compression-webpack-plugin 

　　Vue压缩功能的实现主要依赖于webpack的一个插件compression-webpack-plugin ，这个插件可以将npm run build之后的.js .css（看自己配置）文件，打包成.js.gz .css.gz文件。

首先需要安装compression-webpack-plugin依赖

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

这里推荐使用1.1.2版本，因为高版本的插件在使用时会报ES6语法错误。下载此插件时可能需要翻墙，可以使用下方命令配置npm 代理

　　npm config set proxy http://username:password@ip:port

之后需要打开项目中的