如何移除React Native与Expo应用中的console语句？

• 用Babel插件自动剔除（推荐）
  安装babel-plugin-transform-remove-console依赖，然后在项目的babel.config.js里做如下配置，只在生产环境生效：

  module.exports = function(api) {
    api.cache(true);
    const presets = ['babel-preset-expo'];
    const plugins = [];
    // 生产环境自动移除所有console语句
    if (process.env.NODE_ENV === 'production') {
      plugins.push('transform-remove-console');
    }
    return { presets, plugins };
  };
  

  这样开发时console.log正常用，打包生产版本会自动清掉所有console相关代码，不影响调试效率。

• 全局重写console方法（零依赖）
  在项目入口文件（比如App.js）最顶部加一段代码，生产环境把console.log替换成空函数：

  if (process.env.NODE_ENV === 'production') {
    console.log = () => {};
    // 要是需要移除warn、error这些，直接加对应的重写就行
    // console.warn = () => {};
    // console.error = () => {};
  }
  

  这种方式不用装额外包，简单粗暴，适合小项目快速处理。

• Expo EAS构建配合环境变量
  如果用EAS构建生产包，在eas.json里配置生产环境的NODE_ENV，确保上面的方法能正确触发：

  {
    "build": {
      "production": {
        "env": {
          "NODE_ENV": "production"
        }
      }
    }
  }
  

内容的提问来源于stack exchange，提问作者Sumit