Webpack 의 감시 모드는 도구가 소스 파일의 변경 사항을 모니터링하고 변경 사항이 감지될 때마다 자동으로 재컴파일을 트리거할 수 있는 기능입니다. 이는 코드를 변경할 때마다 수동 재컴파일을 방지하여 시간을 절약하는 데 도움이 되므로 개발 중에 특히 유용합니다.
Webpack 의 시청 모드를 사용하는 방법은 다음과 같습니다 .
Webpack 감시 모드에서 실행
감시 모드에서 실행하려면 터미널을 통해 명령을 실행할 때 플래그를 Webpack 사용할 수 있습니다. 예를 들어: --watch webpack
npx webpack --watch
이 명령을 사용하면 Webpack 소스 파일 감시를 시작하고 변경 사항을 저장할 때마다 번들을 자동으로 다시 컴파일합니다.
Webpack 구성
다음 옵션 을 추가하여 webpack 구성 파일() 에서 감시 모드를 설정할 수도 있습니다. webpack.config.js watch: true
module.exports = {
// ...other configuration options
watch: true
};
--watch 이렇게 하면 명령 을 실행할 때마다 플래그를 사용할 필요가 없습니다 webpack.
행동
감시 모드에 있으면 Webpack 소스 파일의 변경 사항을 지속적으로 모니터링합니다. 파일을 변경하고 저장할 때마다 Webpack 자동으로 번들을 다시 컴파일합니다. 이를 통해 매번 빌드 프로세스를 수동으로 트리거하지 않고도 애플리케이션의 변경 사항을 확인할 수 있습니다.
감시 모드는 개발에 적합하지만 불필요한 리소스를 소비할 수 있으므로 프로덕션 빌드에서는 일반적으로 사용되지 않습니다. Webpack 프로덕션 빌드의 경우 일반적으로 감시 모드 없이 최적화되고 축소된 번들을 만드는 데 사용합니다 .
Webpack 시계 모드 및 관련 옵션 사용에 대한 최신 정보는 공식 문서를 참조하십시오 .