[React] .Env file環境変数、共通変数

グローバルで使用される変数を宣言する場合は、次の操作を行います.
.envファイルを使用して環境変数を生成します.
プロジェクトルートパスに次のファイルを作成します.
.env.development
.env.production
変数を宣言するときは、REACT_APP_を接頭辞として環境変数を宣言します.

REACT_APP_TS_INDEX = SITE09106
REACT_APP_TS_SITE = SITE09106

読み込み時には、追加のimport処理を必要とせず、どこでも読み込みます.

    const tsIndex = process.env.REACT_APP_TS_INDEX;

process.env.REACT＿APP＿は保留語であり、他の名称を使用すると検索できません.
プロセス.なぜならenvは実行時にロードされるからです.envの設定を変更する場合は、reactプロジェクトを再駆動する必要があります.
.envファイル名に基づいて呼び出す
.env:デフォルト
.env.local:テスト環境以外のすべての環境でロード
.env.開発:開発環境/npm startで実行する場合
.env.test:テスト環境/npm testで実行する場合
.env.production:導入環境/npm run build実行時