Wie übergebe ich Umgebungsvariablen an babelrc?

Question

Ich arbeite an einem Projekt, das sowohl react-web als auch react-native (gemischte App) verwendet. Ich war in der Lage, Umgebungsvariablen mit cross-env auf Web zu setzen, aber dies scheint nicht mit reaktionsnativen arbeiten.

Bedeutung:

1. npm Skript cross-env NODE_ENV=development BABEL_ENV=development_web webpack-dev-server --hot --progress --config build/webpack.config.dev.js gut funktioniert.

2. aber cross-env NODE_ENV=development BABEL_ENV=development_rn && react-native run-ios wird nicht funktionieren!

bekam ich zwei verschiedene BABEL_ENV env Einstellungen für .babelrc:

{ 
    "env": { 
    "development_web": { 
     "presets": ["react", "es2015", "stage-0"], 
     "plugins": [ 
     [ 
      "react-transform", 
      { 
      "transforms": [ 
       { 
       "transform": "react-transform-hmr", 
       "imports": ["react"], 
       "locals": ["module"] 
       }, { 
       "transform": "react-transform-catch-errors", 
       "imports": ["react", "redbox-react"] 
       } 
      ] 
      } 
     ], 
     ["import", { "style": "css", "libraryName": "antd-mobile" }], 
     ["transform-decorators-legacy"] 
     ] 
    }, 
    "development_rn": { 
     "presets": ["react-native"], 
     "plugins": [["import", { "libraryName": "antd-mobile" }]] 
    }, 
    } 
} 

Wie kann ich NODE_ENV/BABEL_ENV zu development_rn ernennen für native reagieren?

Answer 1

In den beiden Skripte Sie ersetzt nicht nur den Befehl (und seine Optionen) zu laufen, webpack-dev-server mit react-native, aber sie verändert es durch die Verwendung && zwei verschiedene Befehle auszuführen. cross-env wendet die Umgebungsvariablen nur auf den unmittelbaren Befehl an, was in Ihrem Fall gar nichts bewirkt, da neben den Umgebungsvariablen kein Befehl vorhanden ist (siehe auch cross-env - Gotchas).

Das react-native Skript sollte sein:

cross-env NODE_ENV=development BABEL_ENV=development_rn react-native run-ios