.env
特定のdirectoryにだけ効果を出す環境変数を設定するfile
OS標準の機能ではなく、/emoji/nodejs.icon環境でのみ使用できるファイル
/emoji/nodejs.iconではprocess.envを使ってglobal 環境変数を読み込める。それを拡張して.envというファイルに書いた変数も読み込めるようにする
使える環境
素のNode.js環境
dotenvを導入する
ESModulesとの相性はやや悪い
/icons/vue.js.icon
標準でsupportしている
変数の頭にVUE_APP_をつける
/icons/react.icon
create react appを使ってprojectを作ると簡単に使える
書き方
REACT_APP_で始まる変数のみを読み込む
.envに限らず、.bashrcなどに書いた変数でも、この名前で始まっていれば読み込める?
code:.env
REACT_APP_API_KEY= "XXXXXX"
test環境や本番環境で分けたいときは.env.test.localなどを使う
詳細:知っていると捗るcreate-react-appの設定 - Qiita
/emoji/warning.icon .envはnode_modules/などが置かれているproejctのroot directoryに置く必要がある
References
create-react-appで独自の環境変数を読み込む - Qiita
create-react-appのプロジェクトで環境変数を.envから読み込めない原因と解決策 - Qiita
#2020-11-20 14:35:11