Webpack에서 자동 빌드

Webpack이 프로젝트 파일의 변경 사항을 감시하고 매번 자동으로 빌드를 실행하도록 만들 수 있습니다. 이를 위해 scripts에 다음과 같은 설정을 추가해야 합니다:

"watch": "webpack --mode development --watch"

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

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

파일 감시를 시작하려면 다음 명령어를 사용할 수 있습니다:

npm run watch

이후에는 감시를 Ctrl + C 명령어로 중단하기 전까지 터미널에 다른 명령어를 입력할 수 없게 됩니다.

당신의 package.json 파일에 해당 설정을 추가하세요.

감시 모드에서 Webpack을 실행하세요.

프로젝트 파일을 수정하세요. 자동 빌드가 발생하는지 확인하세요.

해당 명령어로 감시를 중단하세요.