首頁 > web前端 > js教程 > 在Webpack中解決熱部署偵測不到檔案變更的問題

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

亚连
發布: 2018-06-05 15:09:56
原創
1710 人瀏覽過

下面我就為大家分享一篇解決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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板