如何设置Vue项目启用Gzip压缩及性能优化措施？

本文共计974个文字，预计阅读时间需要4分钟。

Vue项目开启gzip压缩和部署nginx开启gzip优化性能：

第一步：在Vue项目中安装依赖并配置productionGzip为true，启用Gzip压缩：bashnpm install --save-dev compression-webpack-plugin

第二步：运行命令以开启Gzip压缩：bashnpm 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。