Reagire: utilizzare le variabili di ambiente

Question

Come è possibile utilizzare le variabili di ambiente definite in .bash_profile in un'applicazione React? Ho due app React in produzione (sono lo stesso progetto, quindi hanno lo stesso codice), ma hanno bisogno di richiedere a diversi host API e ho capito che le variabili env potevano fare il trucco.

Answer 1

Utilizzare webpack.DefinePlugin. Diciamo che esportato FOO e BAR nella vostra .bash_profile, allora il vostro webpackconfig dovrebbe assomigliare:

const config = { 
    entry: 'somescript', 
    // ... 
    module: { 
    // ... 
    }, 
    // ... 
    plugins: [ 
    // ... your plugins 
    new webpack.DefinePlugin({ 
     'process.env':{ 
     'FOO': process.env.FOO, 
     'BAR': process.env.BAR 
     } 
    }) 
    ], 
    // ... 
} 

Sarete in grado di accedere a quelli nelle vostre js al momento della compilazione via process.env.FOO & process.env.BAR

risorse: https://github.com/topheman/webpack-babel-starter