Reagieren: Umgebungsvariablen verwenden

Question

Wie kann ich Umgebungsvariablen verwenden, die in .bash_profile in einer React-Anwendung definiert sind? Ich habe zwei React-Apps in der Produktion (sie sind das gleiche Projekt, also haben sie den gleichen Code), aber sie müssen an verschiedene API-Hosts anfordern, und ich dachte, env-Variablen könnten den Trick machen.

Answer 1

Verwenden Sie webpack.DefinePlugin. Sagen Sie bitte exportiert FOO und BAR in Ihrem .bash_profile, dann sollten Sie Ihre webpackconfig wie folgt aussehen:

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

Sie der Lage, über process.env.FOO & process.env.BAR

Ressourcen die in Ihrem js bei der Kompilierung zuzugreifen: https://github.com/topheman/webpack-babel-starter