美文网首页vue、javascript
vue打包压缩js、css、html文件(gzip压缩)

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

作者: 源大侠 | 来源:发表于2021-01-21 09:29 被阅读0次

    安装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
    

    相关文章

      网友评论

        本文标题:vue打包压缩js、css、html文件(gzip压缩)

        本文链接:https://www.haomeiwen.com/subject/budrzktx.html