Reactアプリケーションで.bash_profile
に定義されている環境変数を使用するにはどうすればよいですか?私は2つのReactアプリケーションを生産しています(彼らは同じプロジェクトなので、同じコードを持っています)が、別々のAPIホストにリクエストする必要があり、env変数がこのトリックを行うことができると思いました。React:環境変数を使用
答えて
webpack.DefinePlugin
を使用してください。 https://github.com/topheman/webpack-babel-starter
const config = {
entry: 'somescript',
// ...
module: {
// ...
},
// ...
plugins: [
// ... your plugins
new webpack.DefinePlugin({
'process.env':{
'FOO': process.env.FOO,
'BAR': process.env.BAR
}
})
],
// ...
}
あなたはprocess.env.FOO
& process.env.BAR
リソースを経由して、コンパイル時にあなたのjsのそれらにアクセスすることができるようになります。そして、あなたのwebpackconfigがどのように見えるはずです、あなたは.bash_profile
にFOO
とBAR
を輸出言います
あなたが言ったように、ビルド時にのみ動作します。 @ sauronnikkoは、彼は同じコードを持つ2つのプロジェクトを持っていると言いました。あなたの解決策によれば、彼は2つの異なるアプリケーション、すなわち異なるコードを持つでしょう。 –
ちょうどチケットにコメントを読んで、それは彼らが必要とするように思えます。ごめんね。 –
@MikhailChibelはい、申し訳ありませんが、質問は明確ではありませんでした。ビルド時に変数を使用したい – sauronnikko
- 1. React Native - 不正な環境変数を使用したXcodeビルド
- 2. 環境変数を使用したバッファオーバーフロー
- 3. CircleCIの環境変数を使用
- 4. 環境変数perlを使用して
- 5. 使用して環境変数
- 6. 環境変数?
- 7. 環境変数を光源とする環境変数
- 8. React Native JSコードにノード環境変数を渡す方法
- 9. Rails、Mongoid、データベース環境設定の環境変数を使用するNoMethodError
- 10. Rails環境変数
- 11. WinDbg環境変数
- 12. 環境変数テラフォームスクリプト
- 13. Monodroid環境変数
- 14. Eclipse環境変数
- 15. アトムテキストエディタ環境変数
- 16. netbeans環境変数
- 17. Linuxのグローバル環境変数とローカル環境変数の違いは?使用法と例
- 18. 環境変数は、別の環境変数を参照しています
- 19. environを使用して環境変数を出力する
- 20. ビルドパラメータを使用して環境変数をパイプラインノードに渡す
- 21. Cコードを使用して環境変数を取得
- 22. ホスト環境変数を使用してドッカーを作成する
- 23. スクリプトを使用して環境変数をエクスポートする
- 24. JS/Coffeescriptの環境変数
- 25. のlog4j - アクセス環境変数
- 26. アンドロイドのデバッグ環境変数
- 27. ジェンキンス環境変数が
- 28. パス環境変数subprocess.call
- 29. Visual Studioソリューションパス環境変数
- 30. kornシェルと環境変数
あなたは_anything_を試しましたか? –
何らかの種類のモジュールバンドラを使用していますか?ウェブパック?ブラウジング? – topheman
あなたはあなたが使っていることを述べていませんが、通常、これはサーバー側で行われます。私はJSが環境変数を読むことができないと考えています。ノードでは 'process.env.API_HOST'を実行することができます – eblin