Tools/Webpack

Webpack 개발 환경에 따라 환경변수 설정하기

목표 개발과 배포 환경에 따른 환경변수를 설정한다. 이를 위해 webpack에서 dotenv와 definePlugin을 사용한다. 실제 회사에서 개발 환경은 Dev, Beta, Stage, Operation(Production) 과 같이 구분됩니다. 이 환경에 대해 부르는 이름과 구성은 상이할 수 있습니다. 그렇지만 우리가 작업하는 로컬인 Dev와 실제 적용된 운영(Production) 환경은 공통됩니다. 환경에 따라 크게 다른 부분은 API의 Base URL이 있습니다. 그렇기 때문에 환경 변수를 통해 개발 환경에 따른 값을 설정할 수 있습니다. 이 외에도 환경변수가 필요한 경우는 API의 private한 key값을 숨겨야 하는 경우도 있습니다. .env 환경변수를 설정할 파일들을 만듭니다. 이 글에서..