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

Question

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

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

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

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

谢谢

Answer 1

你可能忘记了这一步：

在 Sources 选项卡中，找到您生成的 CSS 文件，右键单击它并选择 Map to network resource，然后在显示的下拉列表中选择相同的文件名：

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

Answer 2

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

Answer 3

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