linux系统下webpack-dev-server不自动刷新浏览器

点击在我的博客 xuxusheng.com 中查看，有更好的排版哦~

背景

当在开发环境使用 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