#安装compression-webpack-plugin插件
npm i compression-webpack-plugin
#vue.config.js文件 配置

const { defineConfig } = require('@vue/cli-service')
// vue.config.js文件
const CompressionWebpackPlugin = require('compression-webpack-plugin')
 
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false, //关闭语法检查
  publicPath: './',//解决打包后css/js无法解析问题

  productionSourceMap: false, //打包不生成map
  
  configureWebpack: (config) => {
    // 开发环境不需要gzip
    if (process.env.NODE_ENV !== 'production') return
    // 以下代码是生产环境
    // 生产环境需要gzip
    config.plugins.push(
      new CompressionWebpackPlugin({
        // 正在匹配需要压缩的文件后缀
        test: /\.(js|css|svg|woff|ttf|json|html)$/,
        // 大于10kb的会压缩
        threshold: 10240,
        // 删除源文件
        deleteOriginalAssets: true 
      })
    )
}
})

#nginx配置
`

server {
    listen 4300;
    server_name localhost;
    location / {
        root /home/static/web/wechat;
        index /index.html;
        try_files $uri $uri/ /index.html;
        gzip_static on; #静态压缩
    }
}