0
点赞
收藏
分享

微信扫一扫

vue打包压缩js、css、html文件(gzip压缩)

快乐小码农 2021-09-25 阅读 59

安装compression-webpack-plugin

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

在vue.congig.js中引入并修改webpack配置

const CompressionPlugin = require('compression-webpack-plugin')
configureWebpack: (config) => {
        if (process.env.NODE_ENV === 'production') {
            // 为生产环境修改配置...
            config.mode = 'production'
            return {
                plugins: [new CompressionPlugin({
                    test: /\.js$|\.html$|\.css/, //匹配文件名
                    threshold: 10240, //对超过10k的数据进行压缩
                    deleteOriginalAssets: false //是否删除原文件
                })]
            }
        }

vue-cli项目中使用compression-webpack-plugin版本问题报错,查阅资料才知道是因为在执行npm install时安装了最新的版本,你只需要

npm install --save-dev compression-webpack-plugin@1.1.12
举报

相关推荐

0 条评论