如何将Vue项目同时开启Gzip压缩和实施一系列性能优化措施？
- 内容介绍
- 文章标签
- 相关推荐
本文共计959个文字，预计阅读时间需要4分钟。
使用Vue项目启动Gzip自动压缩和部署至Nginx，开启Gzip优化性能：第一步：在Vue项目中安装依赖并配置productionGzip为true开启Gzip压缩；第二步：运行npm run build生成压缩后的文件。
vue 项目开启gzip自拍压缩和部署 nginx 开启gzip优化性能
第一步：在vue项目中安装依赖并将productionGzip改为true，开启Gzip压缩：
npm install --save-dev compression-webpack-plugin
第二步：运行 npm run build打包项目，这时可能会报错，提示ValidationError: Compression Plugin Invalid Options。
根据官网提示，需要将CompressionWebpackPlugin的设置由asset改为filename。
第三步：再次运行 npm run build打包项目，这时可能会继续报错，提示TypeError: Cannot read property 'emit' of undefined。据我查证，是安装的compression-webpack-plugin依赖有问题，需要卸载compression-webpack-plugin更改安装低版本 v1.1.12。
本文共计959个文字，预计阅读时间需要4分钟。
使用Vue项目启动Gzip自动压缩和部署至Nginx，开启Gzip优化性能：第一步：在Vue项目中安装依赖并配置productionGzip为true开启Gzip压缩；第二步：运行npm run build生成压缩后的文件。
vue 项目开启gzip自拍压缩和部署 nginx 开启gzip优化性能
第一步：在vue项目中安装依赖并将productionGzip改为true，开启Gzip压缩：
npm install --save-dev compression-webpack-plugin
第二步：运行 npm run build打包项目，这时可能会报错，提示ValidationError: Compression Plugin Invalid Options。
根据官网提示，需要将CompressionWebpackPlugin的设置由asset改为filename。
第三步：再次运行 npm run build打包项目，这时可能会继续报错，提示TypeError: Cannot read property 'emit' of undefined。据我查证，是安装的compression-webpack-plugin依赖有问题，需要卸载compression-webpack-plugin更改安装低版本 v1.1.12。