关于Webstorm webpack经常不能自动热更新问题

项目是vue+webpack构建的,以前的时候热更新还挺正常的,一改动代码浏览器也就立马刷新了,现在基本都不刷新了,每次都手动npm run dev 重启服务才能看到更新的,很烦,但又不知道怎么回事?求教

阅读 20.9k
2 个回答

webstrom settings的system settings默认勾选‘safewrite’,勾选去掉就可以了

官方文档里有说明。链接:https://www.jetbrains.com/hel...
clipboard.png

我的这个设置一直是选中的,每次修改之后,只要 cmd + s 保存就可以刷新浏览器了

理论上 hot-reload 会监听你的文件变化,webstorm 这个功能应该是暂时“缓存”你的文件更改,直到你按下保存键才会真正修改文件

相关的设置还有“自动保存”

比如想在切换到别的程序时自动保存,System Settings 里面勾选 "Save files on frame deactivation"就行了。或者隔一段时间自动保存,同样位置勾选 "Save files automatically if application is idle for xx sec.",xx是每多少秒保存一次

个人觉得取消 "safe write" 并不好,还是建议勾选上,这样每次修改完代码,保存就可以触发 hot-reload

取消 "safe write" 之后,每次你的一点点改动,或者在写代码的过程中都会触发 hot-reload

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏