CRA에서 모든 환경 변수는 REACT_APP이라는 prefix가 붙어야한다.
만약 내가 PORT = 4000이라고 .env에 정의한다고 하면,
REACT_APP_PORT = 4000 라고 선언해야 정상적으로 값을 읽어올 수 있는 것이다.
그리고 따로 dotenv를 설치해서 사용하지 않아도 node_modules에 dotienv-expand라는 라이브러리가 CRA에 종속되어 있는 것같다. (정상동작)
만약 dev, prod 개발환경을 나누고 싶으면
package.json에
"start:stage": "REACT_APP_ENV=production && react-scripts start",
"start:dev": "REACT_APP_ENV=development && react-scripts start",
이렇게 NODE_ENV라는 환경 변수를 선언하여 사용할 수도 있고
.env파일에서 선언하여 사용할 수도 있다.
REACT_APP_PORT = 4000
'개발 > Web Programming' 카테고리의 다른 글
나만의 리액트 만들어보기 - 2 (JSX 셋팅) (0) | 2021.05.04 |
---|---|
나만의 리액트 만들어보기 - 1 (초기 환경 셋팅) (0) | 2021.05.04 |
JSON-server 셋팅하기 (0) | 2021.05.01 |
제이쿼리가 추락하는 이유 (2) | 2021.03.17 |
[Webpack] 웹팩의 4가지 구성요소 (0) | 2021.03.16 |