在Webpack中解決熱部署偵測不到檔案變更的問題

下面我就為大家分享一篇解決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 的熱部署功能，一切正常了。

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

在vue元件中如何實作全域註冊和局部註冊

在vue中如何實作自訂全域方法

在Vue2.0中如何實作子同級元件之間資料互動

#

以上是在Webpack中解決熱部署偵測不到檔案變更的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！