How to work with env variables ?

[dennisbouwpas]

What's going on?

In the project, I see folder ./config with env file inside

module.exports = __DEV__ ? require("./env.dev") : require("./env.prod");

Inside api-config.ts I see

// Use this import if you want to use "env.js" file
// const { API_URL } = require("../../config/env")
// Or just specify it directly like this:
const API_URL = "http://example.com"

I created 2 files, env.dev and env.prod in ./config/env.js

But when I try to import this file how was mentioned above
I get error that none of this 2 files was found

So my question is, how to work with env variables and how to change this DEV variable?

npx ignite-cli doctor results:

System
  platform           darwin                                                
  arch               x64                                                   
  cpu                12 cores     Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz 
  directory          PizzaApp     /../../Documents/test/PizzaApp    

JavaScript (and globally-installed packages)
  node               14.17.3      /usr/local/bin/node 
  npm                6.14.13      /usr/local/bin/npm  
    eslint           7.8.1                            
    expo-cli         4.7.3                            
    json-server      0.16.3                           
    npm              6.14.13                          
    prettier         2.1.0                            
    turtle-cli       0.20.7                           
  yarn               -            not installed       

Ignite
  ignite-cli         7.0.8        /../../.npm/_npx/19679/bin/ignite                        
  ignite src         build        /../../.npm/_npx/19679/lib/node_modules/ignite-cli/build 

Android
  java               1.8.0_281    /usr/bin/java 
  android home       -            undefined     

iOS
  xcode              12.5.1     
  cocoapods          1.10.1       /usr/local/bin/pod 

[jamonholmgren]

Rename them to env.dev.js and env.prod.js and they should work well!

[gdelafosse]

Is there a recommended way to add more environments? such as staging environments...

[jamonholmgren]

Generally, if you go that route, you're going to want to look into react-native-dotenv or react-native-config. I wouldn't mind having some built-in ways to handle multiple environments in the future.

[humarkx]

That would be amazing :D

[1mike12]

One problem I had with this in a web project once was that in the minified source, both the contents of dev and prod will be in there. I'm not sure if that would be the case here.