ローカルおよびdevの環境変数反応するアプリを作成

Question

I持って、私はスタートで正しいのenvファイルを選択しない方法

REACT_APP_BACKEND_BASEURL=http://deployedserverurl:8080/ 

と

REACT_APP_BACKEND_BASEURL=http://localhost:8080/ 

と.env.developmentと.env.local？ これは今のところ、ローカルのdev envファイルよりも好きです。

npm start --env=local私は何か不足していますか？

Answer 1

環境変数は、現在の環境に応じてインポートされます。 create-react-appという特別な環境変数が組み込まれており、NODE_ENVと呼ばれています。要約すると、npm startを実行すると、を実行すると、NODE_ENV変数は開発に設定され、実動に設定されます。したがって、プロジェクトのルートに.env.developmentを作成すると、npm startを実行すると、これらの変数定義が環境内で検索されます。

また、process.env.REACT_APP_APP_BACKEND_BASEURLを使用して正しく使用していることを確認してください。

あなたは.envファイルの異なるタイプに関するすべての詳細に関するより多くの情報が必要な場合は、React Docsからこれらをチェックアウト：

env：デフォルト。

.env.local：ローカルオーバーライド。 このファイルは、testを除くすべての環境でロードされます。

.env.development ：環境固有の設定。

.env.development.local.env.test.local.env.production.local：環境固有の設定のローカルオーバーライド。