原文链接:https://www.xuxusheng.com/post/linux下使用webpack-dev-server不自动刷新页面
背景
当在开发环境使用 webpack-dev-server
时,如果文件修改了,那么 webpack-dev-server
会自动重新构建,并刷新浏览器页面,之前在 osx
、windows
系统上使用时都没有问题,然而最近在 deepin
系统上使用时,却发现没法自动刷新了,只能手动的停掉,然后重新 yarn start
,体验极差。
解决方案
一开始怀疑是不是编辑器的 safe write
的问题。
关于 safe write
这个可以查看官网上的描述:https://webpack.js.org/guides/development/#adjusting-your-text-editor
但是在尝试禁用掉 safe write
功能之后,依然存在这个问题。
一番 google
大法之后,在 webpack
仓库的 issue
中找到了一个类似的提问:https://github.com/webpack/webpack/issues/2239。
解决方法参见:https://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchers
英文好的话可以直接看原文,其实核心就是一条命令:
1.Debian,RedHat 系统
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
2.ArchLinux 系统
echo fs.inotify.max_user_watches=524288 | sudo tee /etc/sysctl.d/40-max-user-watches.conf && sudo sysctl --system
网友评论