compression-webpack-plugin Gzip压缩

 

 

 

安装这个插件的时候安装的是最新版本的v7.1.1版本，后面发现脚手架配置gzip打包还不支持这个版本的，所以就在此记录一下，查阅其他人的文章发现脚手架目前最新只支持到了v6.1.1版本，在降低版本后发现使用正常

npm install compression-webpack-plugin@6.1.1 --save-dev

 

vue.config.js

const CompressionPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i

module.exports = {
    publicPath: './',
    productionSourceMap: false,
    configureWebpack: { ... },
    chainWebpack: config => {
        config.resolve.alias.set('@', resolve('src'));
        if (process.env.NODE_ENV === 'production') {
            config.plugin('compressionPlugin')
                .use(new CompressionPlugin({
                    filename: '[path].gz[query]',
                    algorithm: 'gzip',
                    test: productionGzipExtensions,
                    threshold: 10240,
                    minRatio: 0.8,
                    deleteOriginalAssets: true
                }));
        }
    },
};

踩了个坑，特此记录一下…