解決Webpack 熱部署檢測不到文件變化的問題
更新時間：2018年02月22日 15:57:55 作者：kongxx
下面小編就為大家分享一篇解決Webpack 熱部署檢測不到文件變化的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
今天在用Webpack開發(fā)的時候，突然發(fā)現(xiàn)文件變動后熱部署功能不工作了，感覺好像是webpack檢測不到文件的修改了。折騰了半天，開始一直以為是自己的代碼有問題了，結果一次無意識的重啟了一下機器后發(fā)現(xiàn)又可以熱部署了，感覺像是見鬼了。于是繼續(xù)觀察。
一天后，不幸再次降臨，問題又出現(xiàn)了。
調研了一下，原來 Webpack 的熱部署功能是使用 inotify 來監(jiān)視文件變化，其中 fs.inotify.max_user_watches 表示同一用戶同時可以添加的watch數(shù)目（watch一般是針對目錄，決定了同時同一用戶可以監(jiān)控的目錄數(shù)量）
因此，查看了一下系統(tǒng)當前的 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 熱部署檢測不到文件變化的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
npm script和package-lock.json使用示例詳解
這篇文章主要為大家介紹了npm script和package-lock.json使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要為大家詳細介紹了小程序實現(xiàn)錄音上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
下面小編就為大家?guī)硪黄猨s輸入框使用正則表達式校驗輸入內容的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
error對象是JavaScript的原生對象,當程序解析和運行過程中發(fā)生了錯誤,JS引擎就會自動產(chǎn)生并拋出一個error對象的實例,并且程序會終止在錯誤發(fā)生的地方,本文給大家介紹了JS Error錯誤對象的用法,需要的朋友可以參考下2024-04-04
需要隱藏input file然后獲取它的值，但連jquery都無法獲取它的值，下面與大家分享下使用js的具體獲取方法，感興趣的朋友可以參考下哈2013-05-05
TypeScript中的映射類型和數(shù)學中的映射類似,能夠將一個集合的元素轉換為新集合的元素,本文就來介紹一下TypeScript中類型映射的使用,感興趣的可以了解一下2023-10-10
這篇文章主要為大家詳細介紹了cropperjs實現(xiàn)裁剪圖片功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了ActiveX控件如何與Javascript進行交互,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了Nuxt配置Element-UI按需引入方法，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
詳解webpack打包時排除其中一個css、js文件或單獨打包一個css、js文件(兩種方法)
本文通過兩種方法給大家介紹了webpack打包時排除其中一個css、js文件，或單獨打包一個css、js文件的方法 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-10-10