react-native - 为 react-native 0.60.6 配置转换内联环境变量

Question

module.exports = function () {
  return {
    "presets": ['module:metro-react-native-babel-preset'],
    "plugins": [
      ["transform-inline-environment-variables", {
        "include": [
          "APP_ENV"
        ]
      }]
    ]
  }
};

这是我的 react-native 项目的 babel.config.js，我正在尝试配置 transform-inline-environment-variables babel 插件。但是每当我运行应用程序时，环境变量总是未定义的。

我跑 react-native start --reset-cache使用命令 APP_ENV=dev react-native run-ios 清除缓存并运行项目.

但该变量仍未定义。我在这里做错了什么？ react-native 版本是 0.60.6

Answer 1

尝试直接记录访问(而不是解构):

console.log(process.env.APP_ENV)

此外，一旦您连接了模拟器，您就可以运行 start ， 所以:

yarn run-ios

关闭 Metro bundler 终端窗口并保持模拟器打开

API_ENV=dev yarn start --reset-cache

这个问题有详细介绍 here .

更好的是，用 react-native-config 替换你的实现.