反応ネイティブのカスタム依存関係の環境変数

Question

私のプロジェクトには、設定する環境変数に依存するノード依存関係があり、コードはconst KEY = process.env.SOME_KEYという単純なものです。 私はreact-nativeが従来の環境変数をサポートしていないことを理解しています。

このニーズを満たし、このコードを機能させるためのオプションは何ですか？依存関係のコードを制御できないと仮定します。

Answer 1

解決策はここでは簡単ですが、あなたのコード内のすべてのprocess.env.コールを実際のenv値で置換するカスタムバーベルトランスフォーマーに移行する必要があります（その段階で環境変数にアクセスできます）。トランスフォームはアプリケーションの依存関係にも適用されます。つまり、実際に変更しないでサードパーティのコードに必要な変更を加えることができます。

それを行うためには、まず以下のような.babelrcファイルを作成する必要がありますし、プロジェクトのルートに置き：

{ 
    "presets": ["react-native"], 
    "plugins": [ 
    "transform-inline-environment-variables" 
    ] 
} 

をそのに行うのならば、行くとNPM babel-preset-react-nativeとbabel-plugin-transform-inline-environment-variablesをインストールします。

最後に、react-native start（基本的にパッケージャを再起動します）を再実行すると、すべてのprocess.env呼び出しが置き換えられます。