[NEXT.JS] env-cmd로 설정파일 분리하기

개요

로컬과 개발서버에서 통신하는 백엔드 서버의 URL이 다름에 따라 환경설정 파일을 분리하는 작업을 env-cmd 라이브러리를 사용하여 해보았다.

 

설치

아래 명령어로 env-cmd를 설치한다.

npm install env-cmd

 

사용

사용법은 간단하다.

package.json에서 scripts를 설정에 따라 분리한다.

"scripts": {
    "dev": "env-cmd -f .env.local next dev",
    "build": "next build",
    "build:dev": "env-cmd -f .env.dev next build",
    "start": "next start",
    "start:dev": "env-cmd -f .env.dev next start",
    "lint": "next lint"
  },

 

현재는 개발서버에 대한 분리만 되어있고, 이후 상용서버가 추가될 경우 build:prod, start:prod로 바라볼 env파일을 지정해서 build하고 시작할 수 있다.

프로젝트는 아래 명령어로 build하고 시작한다.

npm run build:dev
npm start build:dev

 

 

문의사항이나 피드백은 댓글로 남겨주세요.