在前端开发中，使用 console.log() 是调试和查看程序运行状态的常见方式。但是，在生产环境中，这些日志可能会暴露敏感信息或影响应用程序的性能。因此，我们需要找到一种简单而有效的方法来禁用这些日志。
解决方案
1. 使用条件语句
使用条件语句可以轻松实现控制台日志的开关。可以通过设置一个全局变量（例如debugMode）并将其设置为true或false来启用或禁用日志。
// 全局变量
const debugMode = true;
if (debugMode) {
console.log("Debug information");
}这个方法虽然简单易懂，但是如果你的代码中存在大量 console.log 调用，那么修改起来就比较麻烦了。
2. 使用自定义函数
定义一个自定义函数来代替 console.log() 可以让代码更加模块化和可维护。这样，只需要修改一次函数即可改变整个应用程序的行为。
function debugLog(message) {
if (debugMode) {
console.log(message);
}
}
debugLog("Debug information");3. 利用 Webpack 插件
Webpack 是一种非常流行的前端工具，它可以自动化打包和构建 JavaScript 应用程序。因此，在 Webpack 中使用插件可以轻松地禁用 console.log()。
安装 webpack-strip-debug-loader 插件，并将其添加到您的 Webpack 配置中：
-- -------------------- ---- -------
-- -----------------
-------------- - -
-- ---
------- -
------ -
-
----- --------
-------- ---------------
------- -----------------------------
--
--
--
--这个插件会自动从你的代码中删除所有的 console.log() 调用，但是需要注意的是，如果你在调试时需要开启日志，则需要手动修改配置文件。
结论
通过这些方法，我们可以快速且方便地禁用我们代码中的 console.log() 日志。其中每种方法都有各自的优缺点，选择哪种方法应该根据实际情况来做出决策。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9387
