Webpack에서 scripts를 통한 빌드 모드

빌드 모드는 구성 파일이 아닌 package.json 파일의 scripts 설정을 통해 지정할 수도 있습니다. 현재 이 파일에는 구성 파일에 지정된 모드로 프로젝트를 빌드하는 build 명령어가 위치해 있습니다:

"scripts": {
	"build": "webpack"
}

개발 모드로 프로젝트를 빌드하는 명령어를 추가해 보겠습니다:

"dev": "webpack --mode development"

프로덕션 모드로 프로젝트를 빌드하는 명령어도 추가해 보겠습니다:

"prod": "webpack --mode production"

결과적으로 우리의 package.json 파일은 다음과 같이 보일 것입니다:

"scripts": {
	"build": "webpack",
	"dev":   "webpack --mode development",
	"prod":  "webpack --mode production",
}

이제 터미널에서 다양한 명령어를 사용하여 다양한 모드로 빌드를 호출할 수 있습니다. 개발 모드로 빌드하려면 다음을 작성합니다:

npm run dev

프로덕션 모드로 빌드하려면 다음을 작성합니다:

npm run prod

여러분의 package.json에 해당 설정을 추가하세요.

개발 모드로 프로젝트를 빌드하세요.

프로덕션 모드로 프로젝트를 빌드하세요.