React Native -基于环境管理app.json

Question

我正在开发React Native应用程序。所以我找到了一个很好的方法来使用react-native-dotenv拥有多个env。现在我想将Facebook登录添加到我的应用程序中。有configuration that is needed，必须在app.json中设置。

我想使用一个不同的Facebook应用程序为我的开发和生产。如何根据我的.env文件更改app.json中的字段，或者是否有更好的方法来管理它？

Answer 1

假设你的package.json有这个

{
  "scripts": {
    "start:prod": "APP_ENV=prod npx react-native start",
  }
}

您添加一个prestart:prod，它将在start:prod之前自动运行，在您的prestart:prod中修改您的app.json，您可以编写一个js文件(让它命名为prestart.js)来读取app.json，将其解析为json，修改字段，然后将该字符串形式的json写入app.json

{
  "scripts": {
    "start:prod": "APP_ENV=prod npx react-native start",
    "prestart:prod": "node scripts/prestart.js",
  }
}