webpack 打包去掉控制台的console.log()

很多时候测试的时候,我们为了方便找bug,会在代码之间穿插着console.log(),来在页面控制台进行打印,寻找问题的出处。但项目在打包的时候有时会全去掉,但那样又会遗漏几个。这样如果让用户看到的话,感觉不太好,假如包含重要信息,岂不是更不好。但要是真的去掉了,以后再一个一个加,去找问题出处,可能有些麻烦,这样的话,webpack打包时的一段配置就会帮你解决这个问题。抛出解决方案。
如果项目中没有加载图片中的这行代码。

webpack.pro.js.png

则需要npm 下面这行代码

 npm i -D uglifyjs-webpack-plugin

 

webpack.prod.conf.js

随后在webpack.prod.conf.js文件中添加如下这行代码。
最后运行 npm run build 即可

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在开发环境下,可以通过全局定义和根据环境变量来控制console.log的输出。全局定义可以定义一个函数,根据传入的参数来判断是否执行console.log。通过设置环境变量,可以在不同的环境下选择是否输出console.log。另外,还可以使用terser-webpack-plugin和babel-plugin-transform-remove-console来更好地控制console.log的输出。 关于map中的console.log,如果你是指在JavaScript的Map对象中使用console.log输出,你可以直接使用console.log来输出Map对象的内容,并在控制台中查看输出结果。例如:console.log(myMap)。这将输出整个Map对象的内容。如果你想要输出Map对象的特定键或值,可以使用get方法来获取对应的键或值,然后再使用console.log进行输出。例如:console.log(myMap.get(key)),其中key是Map对象中的键。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [前端全局控制console.log的输出](https://blog.csdn.net/luzhaopan/article/details/116936997)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [ololog:一个更好的console.log,用于日志驱动的调试爱好者](https://download.csdn.net/download/weixin_42132352/18336504)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值