使用CompressionPlugin压缩解决打包后文件过大的问题

vue cli版本：4.5.13

安装：

npm i [email protected] -D

    注：版本过高会报错   TypeError: Cannot read property 'tapPromise' of undefined

vue.config.js

const CompressionPlugin = require('compression-webpack-plugin');

module.exports = {
    configureWebpack: config => {
        if (process.env.NODE_ENV === 'production') {
            config.plugins.push(
                new CompressionPlugin({
                    test: /\.(js|css)$/,
                    threshold: 10240, // 小于10KB就不进行压缩
                    minRatio: 0.8, // 压缩比率
                    deleteOriginalAssets: true // 删除源文件
                })
            )
        }
    }
};

nginx配置：

location ~ .*\.(js|css)$ {
    gzip on; # 开启gzip
    gzip_static on; # 开启后查找.gz结尾的文