如何在编辑SASS文件后在Chrome中自动重新加载css

我正在尝试在Chrome canary中设置映射功能。我跟着截图走了进去

主要功能起作用了，当我检查一个元素时，它会指向我的本地sass文件，当我编辑它时，本地文件会安全，并且会触发“sass--watch”。但是，即使在devtools中的“常规”选项卡上，我选中了“Sass保存时自动重新加载CSS”，浏览器也不会刷新

浏览器应该重新加载吗？有没有办法让它重新加载

Ps-我有指南针，但我不能使用它，因为它不支持映射，所以我通过终端编译sass

---

谢谢

我通过安装Extension解决了这个问题，现在当我在本地保存时，浏览器会刷新

可能是当Chrome尝试重新加载CSS时，Sass文件仍在编译中。将“Sass保存时自动重新加载CSS”超时设置为5000毫秒为我解决了这个问题。当Chrome触发重新加载时，它甚至可以阻止Sass重新编译CSS。

您可能忘记了这一步：

在“源”选项卡中，找到生成的CSS文件，右键单击该文件并选择“映射到网络资源”，然后在显示的下拉列表中选择相同的文件名：

然后从工作区中选择匹配的文件：

---

那好多了！5000对我来说太慢了，所以我只用了1100，效果很好。谢天谢地，在DevTools设置中不再可以设置超时。你知道现在在哪里可以改变吗？我也想知道@MaciejGurban问题的答案！