CRA로 만든 프로젝트는 별도의 라이브러리 없이 env파일을 사용할 수 있다.

root에 .env 파일을 생성하도록 하자.

REACT_APP_API_ENDPOINT=https://api.staging.myservice.com
REACT_APP_SERVICE_VERSION=1.10.13

불러올 때 별도의 import 없이 사용할 수 있다.

process.env.REACT_APP_API_ENDPOINT

• 변수이름은 REACT_APP로 시작해야 한다.

추가

• .env.development , .env.production 으로 다르게 env 설정을 활용할 수 있다.

  • 중복된 내용은 .env 파일에 작성하면 된다.

• yarn 명령어에 따라 env 파일 우선순위가 달라진다. (local이 기본적으로 더 높다)

  yarn start: .env.development, .env

  yarn build: .env.production, .env

• process.env 를 통해 env 분기를 관리할 수 있다.

  "serve": "env-cmd -f .env.production craco start"
  

참고

• https://velog.io/@leehaeun0/CRA-환경에서-배포-시-.env-분기하기-feat.-env-cmd