React Custom Environment
요약하면 dotenv 설정 시 crna 를 이용할 경우, .env 파일에 NODEENV 환경 설정 가능하고 다른 환경 변수를 설정 시엔 REACT_APP* 변수로 지정하면 React 코드 환경에서 환경변수를 불러 올 수 있다.
:warning: crna 이용하면 dotenv는 따로 인스톨하지 않아도 된다.
ex) .env NODE_ENV=production REACT_APP_TOKEN=token
- 환경변수는 빌드타임에 값을 세팅한다.
- 런타임으로 환경변수 불러오려면 서버가 필요하다.
More Features
- Referencing Environment Variables in the HTML
<title>%REACT_APP_TOKEN%</title>
이런식으로 환경변수를 HTML 에 직접 접근 가능하다.
- Adding Temporary Environment Variables In Your Shell
- cross-env로 inline 으로 환경설정하여 이용가능하다.
cross-env NODE_ENV=development npm start
- cross-env로 inline 으로 환경설정하여 이용가능하다.
- Adding Development Environment Variables In .env