在生产环境中告别 console.log

2025-05-24

在生产环境中告别 console.log

我从上个月开始用 Next.js 开发一个项目,虽然记不清具体用过,但在很多组件和文件中都用到了 console.log 语句。通常,我们用它来检查 API 响应以及应用程序的其他一些方面。

将控制台语句公开绝对不是一个好主意,它可能会给你的应用带来安全风险。检查每个文件并删除语句非常耗时且枯燥。作为开发者,我们都讨厌枯燥的任务,因此,本文将讨论如何在不到 1 分钟的时间内,在生产环境中告别 Next.js 应用中的 console.log

听起来不错

听起来不错!出发啦…… 😎

👉请按照以下步骤操作 -

1.将该babel-plugin-transform-remove-console包安装为开发依赖项。

2.在项目根目录创建一个.babelrc文件,复制以下内容即可。



{
    "presets": [
        "next/babel"
    ],
    "env": {
        "production": {
            "plugins": [
                "transform-remove-console"
            ]
        }
    }
}


Enter fullscreen mode Exit fullscreen mode

🏁 这只是我用来提高效率的一个小技巧,下次你也应该会用到。
我会继续分享更多与 Web 开发相关的技巧和窍门,敬请期待!

谢谢阅读。

再见

文章来源:https://dev.to/gulshanaggarwal/say-goodbye-to-consolelog-from-production-environment-5382
PREV
每个开发人员都必须知道的 10 个 npm 命令
NEXT
toast.log,一个浏览器扩展程序,可直接在页面上查看 JS 错误(无需打开控制台)