Webpack에서 파일 변경 사항을 감지하지 못하는 핫 배포 문제 해결

아래에서는 파일 변경 사항을 감지하지 못하는 Webpack 핫 배포 문제를 해결하는 기사를 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

오늘 Webpack으로 개발을 하다가 갑자기 파일이 변경된 후 Hot Deployment 기능이 작동하지 않는 것을 발견했습니다. Webpack이 파일 수정을 감지하지 못하는 것 같았습니다. 오랫동안 고생한 끝에 처음에는 코드에 문제가 있는 줄 알았는데, 실수로 머신을 다시 시작했더니 다시 핫 디플로이가 가능하다는 걸 발견했습니다. 그러니 계속해서 관찰하세요.

어느 날 또 불행이 닥쳐 문제가 또 발생했습니다.

일부 연구 끝에 Webpack의 핫 배포 기능은 inotify를 사용하여 파일 변경 사항을 모니터링하는 것으로 나타났습니다. 여기서 fs.inotify.max_user_watches는 동일한 사용자가 동시에 추가할 수 있는 시계 수를 나타냅니다(시계는 일반적으로 디렉토리에 대한 것입니다. 동일한 사용자가 동시에 모니터링할 수 있는 시계 수를 결정합니다.디렉터리 수)

그래서 현재 시스템의 max_user_watches 값을 확인해 보니

$ cat /proc/sys/fs/inotify/max_user_watches
8192

8192가 기본값일 수도 있습니다. 작고, 앱 밑에 파일 디렉터리가 너무 많아 수정해 보았습니다

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Modification 수정 결과는 나중에 확인

$ cat /proc/sys/fs/inotify/max_user_watches
524288

자, 수정 결과를 해보고 webpack의 hot 배포 기능을 다시 테스트해 보세요. 정상입니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 여러분에게 도움이 되기를 바랍니다.

관련 기사:

Vue 구성 요소에서 전역 등록 및 로컬 등록을 구현하는 방법

vue에서 사용자 정의 전역 메서드를 구현하는 방법

Vue2.0 상호 작용에서 하위 형제 구성 요소 간에 데이터를 구현하는 방법

위 내용은 Webpack에서 파일 변경 사항을 감지하지 못하는 핫 배포 문제 해결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!