在日常开发中,经常免不了在debug或者联调时在函数中使用console打印变量,但是过后总会有人忘记删除,造成在生产环境中依然把这些测试的打印变量输出到控制台的尴尬,容易造成内存泄露。所以最近根据项目需要,找到了两种处理的途径,分别比较一下。
一、使用webpack的UglifyJsPlugin配置
鉴于目前大多数项目无论是react还是vue,都基本在wepack的配合下开发,那么就少不了使用到UglifyJsPlugin
这个插件作为js的处理插件,其中,它提供了一些配置项可以消除打包文件的console
:
module.exports = {
optimization: {
minimizer: [
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_console: true,//console
pure_funcs: ['console.log']//移除console
}
},
}),
],
},
};
这样配置之后,在执行打包时即可把全局的console移除在外,比较简单。