react-native - 如何使用 PhpStorm 运行/调试配置管理 react-native .env 变量？

Question

我正在使用 PhpStorm 并尝试使用特定的 env 变量自动运行。为 dev、staging、prod 管理 .env 变量非常省时且安全。因此，当我set ENVFILE=.env.staging && react-native run-android从终端运行时，它会选择.env.staging变量，但是我无法从 PhpStorm 调试 react-native 应用程序。我正在使用 react-native-config 包。

当我使用此配置运行时，它总是从.env文件中选择。

然后我尝试使用 package.json 脚本运行

"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest",
    "android-dev": "set ENVFILE=.env.staging",
    "android-staging": "set ENVFILE=.env.staging && react-native run-android",
    "android-prod": "set ENVFILE=.env.prod && react-native run-android",
    "build-android-prod": "set ENVFILE=.env.prod && cd android && ./gradlew assembleRelease && cd .."
  }

虽然当我使用 PhpStorm 调试运行调试时它会打开调试选项卡，但它没有显示调试变量。

所以我想要的是单击运行/调试选择正确的.env文件，我将能够从 PhpStorm 调试 React Native 应用程序。

Answer 1

您可以为 和 分别创建具有适当名称的运行配置dev，staging并在Environmentvariables:字段中prod设置相应的环境变量（ENVFILE=.env.staging和ENVFILE=.env.prod）ENVFILE=.env.dev，例如：