1、安装 compresson-ewbpack-plugin包

npm install -D compression-webpack-plugin

如果使用过程中报错误可以降低包的版本安装例如：[email protected]

2、在项目中配置vue.config.js文件，没有该文件的，在项目根目录创建一个。插入以下代码

//vue.config.js
...
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = ['js', 'css']
...
module.exports={
    ...
    configureWebpack:{
       plugins:[
            new CompressionWebpackPlugin({
                filename:'[path].gz[query]',
                algorithm:'gzip',
                test:new RegExp("\\.("+productionGzipExtensions.join("|")+")$"),
                threshold:10240,
                minRatio:0.8,
                deleteOriginalAssets:false
            })
        ]
    }
}