解决Webpack 热部署检测不到文件变化的问题
更新时间：2018年02月22日 15:57:55 作者：kongxx
下面小编就为大家分享一篇解决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 热部署检测不到文件变化的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
各种音乐播放器上都有一个自动滚动播放歌词的功能，当前滚动到的歌词会高亮居中显示，即使歌词被换行也能正常居中，那么这个功能基于JavaScript怎么实现让歌词滚动播放呢？感兴趣的朋友一起看看吧2015-11-11
这篇文章主要为大家详细介绍了Javascript中的async函数，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要为大家详细介绍了微信小程序实现刷脸登录，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
这篇文章主要介绍了微信小程序公用参数与公用方法用法,结合实例形式分析了微信小程序中公用参数与公用方法的简单定义与使用相关操作技巧,需要的朋友可以参考下2019-01-01
核心是 position:relative;，才能让其内部的 ul 以绝对定位，通过改变 top 值实现向上移位置。2009-10-10
CZML是一种基于 JSON 的文件格式,用于描述地理空间数据和时间动态场景,这篇文章为大家详细介绍了如何使用JavaScript实现CZML文件的加载与导出,需要的可以了解下2025-02-02
本篇带来15个正则使用场景，按需索取，收藏恒等于学会！！有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
在前端JavaScript中,由于安全考虑浏览器不允许直接操作文件系统,但浏览器提供了有限的文件操作能力,这篇文章主要介绍了JavaScript如何在前端代码中读、写本地文件的相关资料,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了Javascript访问器属性,实例分析了建立属性关联的技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了javascript数组中的map方法和filter方法,文章内容介绍详细，具有一定的参考价值，需要的小伙伴可以参考一下，希望对你的学习有所帮助2022-03-03
最新评论