(@_@;)我是程序猿,我编程,我快乐,知识改变命运,技术成就梦想   oh yeah!合作VX "w6668263" 联系Email:ye583025823@126.com

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
                }));
        }
    },
};

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

 

posted on 2021-03-08 15:59  一个草率的龙果果  阅读(684)  评论(0编辑  收藏  举报

导航