Vue-cli3 开启gzip压缩
程序员文章站
2022-03-29 14:08:07
...
开启 gzip 压缩
gzip 是 GNUzip 的缩写,最早用于 UNIX 系统的文件压缩。HTTP 协议上的 gzip 编码是一种用来改进 web 应用程序性能的技术,web 服务器和客户端(浏览器)必须共同支持 gzip。目前主流的浏览器,Chrome,firefox,IE等都支持该协议。常见的服务器如 Apache,Nginx,IIS 同样支持,gzip 压缩效率非常高,通常可以达到 70% 的压缩率,也就是说,如果你的网页有 30K,压缩之后就变成了 9K 左右
安装依赖:
cnpm i -D compression-webpack-plugin --save
在vue.congfig.js中添加代码逻辑:
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
return {
plugins: [new CompressionPlugin({
test: /\.js$|\.html$|\.css/, // 匹配文件名字
threshold: 10240, // 对超过10k的数据进行压缩
deleteOriginalAssets: false // 是否删除源文件
})]
}
}
},
东拼西凑看看能不能帮助你们 主要是优化项目
上一篇: vue-cli 打包