安装相关的包

npm install compression-webpack-plugin@6.1.1

vue.config.js文件中配置

注意：不同版本的compression-webpack-plugin，配置存在差异

const CompressionWebpackPlugin = require('compression-webpack-plugin'); // 开启gzip压缩， 按需引用
const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i; // 开启gzip压缩， 按需写入
module.exports = {
   configureWebpack: (config) => {
       // 开启 gzip 压缩
       // 需要 npm i -D compression-webpack-plugin
       const plugins = [];
       plugins.push(
         new CompressionWebpackPlugin({
           filename: '[path][base].gz', // 压缩后的文件名(保持原文件名，后缀加.gz)
           algorithm: 'gzip', // 使用gzip压缩
           test: productionGzipExtensions, // 匹配文件名
           threshold: 10240, // 对超过10k的数据压缩
           minRatio: 0.8 // 压缩率小于0.8才会压缩
         })
       );
       config.plugins = [...config.plugins, ...plugins];
     }
}