美文网首页
linux下使用webpack-dev-server不自动刷新页

linux下使用webpack-dev-server不自动刷新页

作者: imjcw | 来源:发表于2019-08-15 16:05 被阅读0次

    原文链接:https://www.xuxusheng.com/post/linux下使用webpack-dev-server不自动刷新页面

    背景

    当在开发环境使用 webpack-dev-server 时,如果文件修改了,那么 webpack-dev-server 会自动重新构建,并刷新浏览器页面,之前在 osxwindows 系统上使用时都没有问题,然而最近在 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
    

    相关文章

      网友评论

          本文标题:linux下使用webpack-dev-server不自动刷新页

          本文链接:https://www.haomeiwen.com/subject/rbizjctx.html