vueCli4配置config.optimization.minimizer(‘terser’),生产环境去掉console.log、debugger、注释

具体配置文档可查看 https://cli.vuejs.org/migrating-from-v3/#vue-cli-service


```javascript
const devFlag = process.env.NODE_ENV === 'development'
chainWebpack: config => {
        config.when(!devFlag, config => {
            config.optimization.minimizer('terser').tap((args) => {
                // 注释console.*
                args[0].terserOptions.compress.drop_console = true
                // remove debugger
                args[0].terserOptions.compress.drop_debugger = true
                // 移除 console.log
                args[0].terserOptions.compress.pure_funcs = ['console.log']
                // 去掉注释 如果需要看chunk-vendors公共部分插件,可以注释掉就可以看到注释了
                args[0].terserOptions.output = {
                    comments: false
                };
               return args
            })
       })
}

配置成功后,vue inspect --mode=production > output.js 项目根目录输入命令,生成生产环境的配置 看看是否配置成功,出现配置的字段说明配置成功

出现配置的字段说明配置成功

Logo

前往低代码交流专区

更多推荐