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