vueCli4配置config.optimization.minimizer(‘terser‘),去掉console.log、debugger、注释
vueCli4配置config.optimization.minimizer(‘terser’),生产环境去掉console.log debugger```javascriptconst devFlag = process.env.NODE_ENV === 'development'chainWebpack: config => {config.when(!devFlag, config =
·
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 项目根目录输入命令,生成生产环境的配置 看看是否配置成功,出现配置的字段说明配置成功
更多推荐
已为社区贡献5条内容
所有评论(0)