NODE_ENV
create-react-app은 실행 명령어에 따라 NODE_ENV라는 환경변수를 기본으로 제공한다.
개발, 테스트, 배포 환경별로 다른 값을 적용할때 유용하다.
- npm start => development
- npm test => test
- npm run build => production
console.log(`NODE_ENV = ${process.env.NODE_ENV}`); 개발환경이라면 (npm start) 위 코드의 출력 결과는 NODE_ENV = development
환경변수 설정 방법
- 프로젝트 최상위 디렉토리에
.env파일을 생성한다. - 변수명은
REACT_APP_키워드로 시작해야 한다. - 쌍따옴표, 작은따옴표 등으로 감싸면 안된다. 띄어쓰기도 ❌
proce.env.[변수명]으로 접근해서 환경변수를 사용할 수 있다.- .gitignore 파일에서 .env를 추가한다.
.env 파일 종류 및 우선순위
.env: 기본
.env.local: test 환경을 제외한 모든 환경에서 로드됨
.env.development: 개발 환경 (npm start)
.env.test: 테스트 환경 (npm test)
.env.production: 배포 환경 (npm run build)
우선순위 (오른쪽으로 갈수록 우선순위가 낮은 것)
npm start: .env.development.local, .env.local, .env.development, .env
npm run build: .env.production.local, .env.local, .env.production, .env
npm test: .env.test.local, .env.test, .env (note .env.local is missing)
🔗 참고
Connecting dots