TIL - 20220623 ( 부제: webpack에 dotenv-webpack으로 환경 분리하기)

 20220617 TIL(https://jaeyooniverse.tistory.com/103)에 잘못 적은 내용이 있었다.

먼저, dotenv를 사용하지 않고 dotenv-webpack만으로도 .env 파일의 경로를 지정할 수 있다. 아니, 당연한 이치다. dotenv에서 좀 더 사용하기 편하게 만들어진 것이 dotenv-webpack인데, dotenv-webpack이 dotenv의 기능을 사용하지 못하는 것은 애초에 말이 되지 않는다. 게시글에서도 확인할 수 있듯이 코드를 다음과 같이 작성했는데,

과거 잘못 작성한 코드

다음과 같이 수정할 수 있다.

수정한 코드

Dotenv에서 path를 통해 .env 파일 경로를 설정할 수 있다. NODE_ENV가 'development'이면 webpack.config.js 파일이 위치한 디렉토리에서 .env.development를 찾을 것이고, 아니면 .env.production을 찾을 것이다.