vue.config.js配置gzip文件压缩，图片压缩

最新推荐文章于 2025-08-01 23:13:51 发布

原创

最新推荐文章于 2025-08-01 23:13:51 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了如何在Vue项目中使用vue.config.js配置gzip文件压缩和图片压缩。当遇到'Cannot read property 'tapPromise' of undefined'错误时，解决办法是降级compression-webpack-plugin到较低版本（如7.1.0之前）。压缩后显著减小了项目体积。

const path = require('path');
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const compress = new CompressionWebpackPlugin({
   
   
	filename: info => {
   
   
		return `${
     
     info.path}.gz${
     
     info.query}`
	},
	algorithm: 'gzip', 
	threshold: 10240,
	test: