CRA에서 env 환경변수 사용하기

CRA에서 모든 환경 변수는 REACT_APP이라는 prefix가 붙어야한다.

 

만약 내가 PORT = 4000이라고 .env에 정의한다고 하면,

 

REACT_APP_PORT = 4000 라고 선언해야 정상적으로 값을 읽어올 수 있는 것이다.

 

그리고 따로 dotenv를 설치해서 사용하지 않아도 node_modules에 dotienv-expand라는 라이브러리가 CRA에 종속되어 있는 것같다. (정상동작)

 

만약 dev, prod 개발환경을 나누고 싶으면

 

package.json에

      

      

      

    
    

      <javascript />
    
"start:stage": "REACT_APP_ENV=production && react-scripts start",
"start:dev": "REACT_APP_ENV=development && react-scripts start",

이렇게 NODE_ENV라는 환경 변수를 선언하여 사용할 수도 있고

 

.env파일에서 선언하여 사용할 수도 있다.

      

      

      

    
    

      <javascript />
    
REACT_APP_PORT = 4000

 

한번 누르면 2시간동안 보이지 않아요 ㅎㅎ 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

원치 않을 경우 를 눌러주세요