Webpack 워치

워치

Webpack은 파일을 감시(watch)하고 변경 될 때마다 다시 컴파일, 번들링 합니다. Webpack 구성 파일에 watch 속성을 추가하여 사용자가 원하는 값(Boolean)을 설정할 수 있습니다.

webpack.config.js

module.exports = {
  // 감시 활성화
  watch: true
}

명령어 환경(CLI)에서 옵션으로 설정할 경우는 다음과 같이 입력합니다.

npx webpack -w # --watch

워치 옵션

감시가 정상적으로 작동하지 않거나, 임의로 값을 변경하고 싶을 경우 watchOptions을 추가할 수 있습니다.

webpack.config.js

module.exports = {
  // 감시 옵션 설정
  watchOptions: {
    aggregateTimeout: 200,
    ignored: /node_modules/,
    poll: 1000,
  }
}

옵션	설명	값 유형
aggregateTimeout	다시 컴파일, 번들링 하기 전 지연 시간(ms) 설정	Number
ignored	감시 제외 파일 또는 디렉토리 설정	RegExp | String | String[]
poll	폴링(Polling)을 켜거나, 폴링 간격 시간(ms) 설정	Boolean | Number

참고

Watch and WatchOptions | webpackwebpack