webpack优化：Vue配置compression-webpack-plugin实现gzip压缩

张开发
• 2026/4/8 8:43:18 • 15 分钟阅读

最新文章

推荐文章

相关文章

分享文章

webpack优化：Vue配置compression-webpack-plugin实现gzip压缩
需求实现1.安装依赖npm i-Dcompression-webpack-plugin6.1.12.修改vue .config.js配置constCompressionPluginrequire(compression-webpack-plugin)// gzip 相关constisGZIPprocess.env.VUE_APP_GZIPONmodule.exports{configureWebpack(config){if(isGZIP){return{plugins:[newCompressionPlugin({algorithm:gzip,test:/\.(js|css)$/,// 匹配文件名threshold:10240,// 对超过10k的数据压缩deleteOriginalAssets:false,// 不删除源文件minRatio:0.8// 压缩比})]}}}}3.执行命令npm run build如图则开启gzip压缩成功更多内容详解webpack优化系列二Vue配置compression-webpack-plugin实现Gzip压缩

更多文章