如何使用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和prod适当名称创建单独的运行配置，并在Environmentvariables：每个字段的字段中设置相应的环境变量（ ENVFILE=.env.staging ， ENVFILE=.env.prod和ENVFILE=.env.dev ）。他们，例如：