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

Question

我正在尝试在Chrome金丝雀中设置映射功能.我按照这个答案中的截图进行了操作.

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

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

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

谢谢

Answer 1

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