JavaScript
react.js
reactjs
React

Create React App で dotenv

1. ライブラリのインストール

yarn add dotenv

2. .env ファイルの作成

REACT_APP_ という接頭辞を付けないと認識しない。

.env
NODE_PATH=./src
REACT_APP_API_URL=http://api.example.com

3. 読み込み

import 文よりも先に書くと、ルールによっては ESLint に怒られるので、無効にしておく

src/index.js
/* eslint-disable */
require('dotenv').config()

import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import './index.css'
import registerServiceWorker from './registerServiceWorker'

/* eslint-enable */

ReactDOM.render(<App />, document.getElementById('root'))
registerServiceWorker()

参考

REACT_APP という接頭辞を付けないと認識しないことに、ちょっとはまった。