14

More than 5 years have passed since last update.

create-react-appで環境変数を.envで設定する

create-react-app

Posted at 2018-08-19

create-react-appでdotenv的に環境変数を使いたいとき
設定方法が特殊だったのでメモしておく

環境

node: 8.11.2
create-react-app: 1.1.4

使い方

環境変数は.envに書いておくと特に設定しなくても読み込んでくれる
ただし、変数名の前にREACT_APP_をつけておく必要がある

設定ファイル

.env

REACT_APP_APP_ID="xxxxx"

読み込む

api.js

let appId = process.env.REACT_APP_APP_ID

参考

14

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

14