1、安装依赖

npm install -D compression-webpack-plugin

2、配置vue.config.js

const CompressionWebpackPlugin = require('compression-webpack-plugin');
module.exports = {
  configureWebpack: {
    plugins: [
      new CompressionWebpackPlugin({
        // [file] 会被替换成原始资源。[path] 会被替换成原始资源的路径，[query] 会被替换成查询字符串
        filename: '[path][base].gz',
        // 压缩成gzip
        algorithm: 'gzip',
        // 使用正则给匹配到的文件做压缩，这里是给html、css、js以及字体做压缩
        test: /\.js$|\.css$|\.html$|\.ttf$|\.eot$|\.woff$/, 
        // 只有大小大于该值的资源会被处理。单位是 bytes。默认值是 0。
        threshold: 10240,
        // 只有压缩率小于这个值的资源才会被处理。默认值是 0.8。
        minRatio: 0.8
      })
    ]
  }
}

前提是nginx配置里需要支持gzip