生产环境中清除打印的日志 console.log()

最新推荐文章于 2025-06-27 09:59:36 发布

原创最新推荐文章于 2025-06-27 09:59:36 发布 · 576 阅读

1 ·

CC 4.0 BY-SA版权

项目经验专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在生产环境中通过Babel插件`transform-remove-console`移除console日志。首先，使用npm安装该插件，并将其保存为开发依赖。接着，在`babel.config.js`配置文件中，根据环境变量`NODE_ENV`判断是否生产环境，如果是，则添加`transform-remove-console`插件。这样可以确保在部署时自动删除console语句，优化生产代码。

下载babel-plugin-transform-remove-console

npm install babel-plugin-transform-remove-console --save-dev

在babel.config.js文件中添加下面这段代码：

let prodPlugins = []
if (process.env.NODE_ENV === 'production') {
    prodPlugins.push('transform-remove-console')
}
module.exports = {
    presets: [
        '@vue/app'
    ],
    plugins: [
        ...prodPlugins
    ]
}