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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容