vue 在生产环境清除【console.log】【console.error】

vue init webpack的项目:
build/webpack.prod.conf.js文件里改成这样一段代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
uglifyOptions: {
mangle: {
safari10: true
},
compress: {
warnings: false,
drop_debugger: true,//console
drop_console: true,
pure_funcs: ['console.log', 'console.error']//移除console
},
},
sourceMap: config.build.productionSourceMap,
cache: true,
parallel: true

就是新加:2-4行,7-9行和13行

如图:
vue 在生产环境清除 console.log console.error


vue create的项目:
vue.config.js文件:

1
2
3
4
5
6
configureWebpack: config => {
// 生产环境取消 console.log
if (process.env.NODE_ENV === 'production') {
config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
}
},

vue 在生产环境清除【console.log】【console.error】
https://github.com/chergn/chergn.github.io/8078e3cc2873/
作者
全易
发布于
2024年3月28日
许可协议