ios - react-native run-ios加载环境变量

Question

我想要一种现代方式来管理 React 原生移动应用的环境变量。

答案here解释了十二因素方法风格(我喜欢)，它涉及安装一个 babel 插件，该插件将引用转换为

const apiKey = process.env.API_KEY;


在进程环境中找到的相应值

const apiKey = 'my-app-id';


问题是为了在人口稠密的环境中运行它，我需要将其设置为

API_KEY=my-app-id react-native run-ios

如果我有一个包含 10-20 个环境变量的 .env 文件，这种方法就会变得笨拙。到目前为止我发现的最好的方法是运行

env $(cat .env | xargs) react-native run-ios

这有点不受欢迎，因为想要使用此包的开发人员必须设置自定义 shell 别名才能执行此操作。这不利于良好的开发环境，还会使发布的构建和部署流程复杂化。

有没有办法向首先填充进程环境的react-native-cli(或配置文件)添加一个钩子(Hook)？类似于 npm“pre”脚本，但用于 react-native。

Answer 1

您可以使用 react-native-config这是一个本地库，需要链接才能工作或 react-native-dotenv它的工作方式与 react-native-config 类似，但不需要任何 native 链接。

它可以很好地处理 .env 文件设置，例如.env.development 带有 process.env.NODE_ENV === 'development' 的环境变量。