下面我就為大家分享一篇解決Webpack 熱部署偵測不到檔案變更的問題,具有很好的參考價值,希望對大家有幫助。
今天在用Webpack開發的時候,突然發現檔案變動後熱部署功能不工作了,感覺好像是webpack偵測不到檔案的修改了。折騰了半天,開始一直以為是自己的程式碼有問題了,結果一次無意識的重啟了一下機器後發現又可以熱部署了,感覺像是見鬼了。於是繼續觀察。
一天后,不幸再次降臨,問題又出現了。
研究了一下,原來Webpack 的熱部署功能是使用inotify 來監視檔案變化,其中fs.inotify.max_user_watches 表示同一用戶同時可以新增的watch數目(watch一般是針對目錄,決定了同時同一使用者可以監控的目錄數量)
因此,查看了一下系統目前的max_user_watches 值
$ cat /proc/sys/fs/inotify/max_user_watches 8192
8192是預設值,可能是這個值太小,而我的app下的檔案目錄太多,於是試著修改一下
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 的熱部署功能,一切正常了。
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
#以上是在Webpack中解決熱部署偵測不到檔案變更的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!