CRA 공식 문서에 따르면 파일 순서는 아래와 같다.
Files on the left have more priority than files on the right:
- 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)
출처] CRA adding custom enviroment
.env파일이 하나 이상 있으면 위 규칙이 적용된다.
.env
.env.production
이렇게 있으면, npm run build는 .env.production을 참조한다.
.env.production
.env.development
이렇게 있으면 npm run build는 .env.production을,
npm start는 .env.development를 참조한다.
수동으로 바꾸려면 env-cmd를 사용하면 된다.
'dev > React' 카테고리의 다른 글
[React 성능 최적화] Children 컴포넌트의 불필요한 렌더링 방지하기 (0) | 2024.07.12 |
---|---|
React에서 TinyMCE 셋업하기 (2) | 2024.01.18 |
react query optimistic update (0) | 2022.10.23 |
react 자식 컴포넌트의 함수를 부모 컴포넌트에 내보내기 (0) | 2022.08.18 |
redux를 이용해 react modal을 효율적으로 관리하는 방법 (0) | 2022.01.07 |