美文网首页VUE相关文章
vue cli 3.0 开启Gzip 压缩

vue cli 3.0 开启Gzip 压缩

作者: 东京的雨不会淋湿首尔 | 来源:发表于2018-10-26 22:47 被阅读353次

vue cli 3.0相比2.0有不少的改动,最明显的就是 build文件夹不见了,改为根目录的vue.config.js
在此记录一下Gzip配置的过程

npm i -D compression-webpack-plugin

2.修改vue.config.js

const CompressionPlugin = require("compression-webpack-plugin")
module.exports = {
configureWebpack:config=>{
        if(progress.env.NODE_ENV === 'production'){
            return{
                plugins: [
                
                    new CompressionPlugin({
                        test:/\.js$|\.html$|.\css/, //匹配文件名
                        threshold: 10240,//对超过10k的数据压缩
                        deleteOriginalAssets: false //不删除源文件
                    })
                ]
            }
        }

    },
}

相关文章

网友评论

    本文标题:vue cli 3.0 开启Gzip 压缩

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