vue生成gzip压缩包部署到nginx的示例

# 先安装打包的插件 compression-webpack-plugin 6.1.1 版本，不要安装最新的，不能正常打包
yarn add compression-webpack-plugin@6.1.1 -D

# 配置 vue.config.js
module.exports = {
	...
	chainWebpack(config) {
		...
		config
          .when(process.env.node_ENV !== 'development', config => {
          	...
          	 config
            	.plugin('CompressionPlugin')
            	.use('compression-webpack-plugin', [{
              		test: /\.js$|\.CSS$|\.html$/, // gzip压缩规则
              		threshold: 10240, // 大于10K的数据会被压缩
              		alGorithm: 'gzip', // 压缩方式
              		minRatio: 0.8 // 压缩比小于这个的才压缩
            	}])
            	.end()
          })
	}
}

vue-cli-service build

http {
	...
    #开启gzip压缩
    gzip_static on;
}