vue项目打包gzip压缩

Posted 2023-05-18

参考技术A

gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多，需要nginx也启用gzip

安装低版本才不会报错

配置位置
config\\index.js

安装低版本

对vue.config.js进行配置
// 打包 使用gzip压缩
const CompressionWebpackPlugin = require(\'compression-webpack-plugin\');

// 定义压缩文件类型

运行npm run build后出现gz结尾的文件就成功了

vue 2.0 Gzip打包压缩

第一步：https://juejin.im/post/5abba68cf265da239c7b6bdc （之后你会遇到问题，安装不上插件）

第二步：https://blog.csdn.net/qq_36656410/article/details/101374034     npm install --save-dev compression-webpack-plugin@1.1.12