启用前需要安装对应的插件
1、 npm install compression-webpack-plugin --save-dev
2、 运行 npm run build 打包项目 这时可能会报错,提示ValidationError: Compression Plugin Invalid Options。根据官网提示,需要将
webpack.prod.conf.js中的 CompressionWebpackPlugin 的设置由 asset 改为 filename。
3、 再次运行 npm run build 打包项目
提示TypeError: Cannot read property 'emit' of undefined。据我查证,是安装的compression-webpack-plugin依赖有问题,需要卸载
compression-webpack-plugin更改安装低版本 v1.12。
卸载命令: npm uninstall --save-dev compression-webpack-plugin
4、 再次执行安装 指定 版本号 npm install --save-dev compression-webpack-plugin@1.1.2
5、 在次执行 npm run build 打包项目
6、 配套使用 nginx 服务 nginx 开启gzip性能优化
http:{
gzip on;
gzip_static on;
gzip_buffers 4 16k;
gzip_comp_level 5;
gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg
image/gif image/png;
}