How to manage react-native .env variables with PhpStorm Run/Debug Configuration?

Question

I am using PhpStorm and trying to automate the run with specific env variable. Managing .env variables for dev, staging, prod is very time saving and safe. So when I run set ENVFILE=.env.staging && react-native run-android from terminal, it picks the .env.staging variables but then I am not able to debug react-native app from PhpStorm. I am using react-native-config package.

When I run with this config it always picks from .env file.

Then I tried to run with package.json scripts like

"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 .."
  }

Although it opens the debug tab when I run debug with PhpStorm debug, but it was not showing debug variables.

So what I want is that clicking the Run/Debug choose the correct .env file and I will able to debug React Native app from PhpStorm.

lena · Accepted Answer · 2019-04-13 15:57:59Z

1

You can create separate run configurations with appropriate names for dev, staging and prod, setting the corresponding environment variables (ENVFILE=.env.staging, ENVFILE=.env.prod and ENVFILE=.env.dev) in Environmentvariables: field of each of them, like:

answered Apr 13, 2019 at 15:57

lena

94.4k11 gold badges155 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to manage react-native .env variables with PhpStorm Run/Debug Configuration?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related