Webpack 熱部署檢測不到檔案變化

原文：

今天在用webpack開發的時候，突然發現檔案變動後熱部署功能不工作了，感覺好像是webpack檢測不到檔案的修改了。折騰了半天，開始一直以為是自己的**有問題了，結果一次無意識的重啟了一下機器後發現又可以熱部署了，感覺像是見鬼了。於是繼續觀察。

一天後，不幸再次降臨，問題又出現了。

調研了一下，原來 webpack 的熱部署功能是使用 inotify 來監視檔案變化，其中 fs.inotify.max_user_watches 表示同一使用者同時可以新增的watch數目（watch一般是針對目錄，決定了同時同一使用者可以監控的目錄數量）

因此，檢視了一下系統當前的 max_user_watches 值

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

8192

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

修改後檢視一下修改結果

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

524288

好了，試試修改結果吧，再次測試 webpack 的熱部署功能，一切正常了。