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

Question

我正在尝试在Chrome金丝雀中设置映射功能。我按照this answer中的屏幕截图进行了操作。

主要功能有效，当我检查一个元素时，它指向我的本地sass文件，当我编辑它时，本地文件保险箱，并且`sass --watch'被触发。但是，浏览器不刷新，即使在devtools的“常规”选项卡上，我已经选中了“在Sass保存时自动重新加载CSS”。

浏览器是否应重新加载？有没有办法让它重新加载？

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

由于

Answer 1

你可能忘记了这一步：

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

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

Answer 2

当Chrome尝试重新加载CSS时，可能仍在编译Sass文件。设置'Sass自动重载CSS保存'超时为5000毫秒为我修复了它。当Chrome触发重新加载时，它甚至可以阻止Sass重新编译CSS。

Answer 3

我通过安装tincr扩展程序解决了这个问题，现在当我在本地保存时，浏览器会刷新。