create-react-appの.envについて

create-react-appの.envファイルの扱いについてメモ。

.envファイルの適用順

以下の順で適用されます。

1. .env.{NODE_ENV}.local
2. .env.local *NODE_ENVがtestの場合は適用されません。
3. .env.{NODE_ENV}
4. .env

NODE_ENVは以下になります。

• npm scriptがbuildのとき、production
• startのとき、development
• testのとき、test

.envファイルに設定できる変数(よく使うものだけ)

• BUILD_PATH
  ビルド結果の出力先を指定できます。デフォルトはbuildです。

• PUBLIC_URL
  create-react-appで作ったSPAをルート以外のパスで配信する場合に指定します。デフォルトは/です。

• REACT_APPプレフィックスのついた変数

  .env

  REACT_APP_MESSAGE=hello
  

  js

  console.log(process.env.REACT_APP_MESSAGE) // -> hello