Webpack 워치

워치

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

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

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

npx webpack -w # --watch

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

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

옵션

설명

값 유형

aggregateTimeout

다시 컴파일, 번들링 하기 전 지연 시간(ms) 설정

Number

ignored

감시 제외 파일 또는 디렉토리 설정

RegExp | String | String[]

poll

Boolean | Number

Last updated 4 years ago

Was this helpful?

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