React Custom Environment
avatar

BoBeen Lee

February 25, 2018

요약하면 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
  • Adding Development Environment Variables In .env

Reference