compression-webpack-plugin Gzip压

compression-webpack-plugin非常好用的压缩插件，适用于vue-cli版本2以上
查看安装vue-cli版本

vue -V

productionGzip: 设置为true

  // 在设置为 `true`之前, 确保安装了compression-webpack-plugin开发依赖
    // npm install --save-dev compression-webpack-plugin
    productionGzip: true,
    productionGzipExtensions: ['js', 'css'],

安装compression-webpack-plugin开发依赖插件

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

注意此时npm run build
会出现报错

ValidationError: Compression Plugin Invalid Options
options should NOT have additional properties

这是由于版本问题，在项目package.json里将

 "compression-webpack-plugin": "^2.0.0",

降版本

"compression-webpack-plugin": "^1.1.11",

npm run build可得到

image.png
压缩文件了
要想在线上使用还得配置后端。