Chrome Canary Sass调试在scss文件和编译的css之间切换

Question

为我的scss文件设置源映射，并为金丝雀进行sass调试和运行后，我遇到了一个小但令人沮丧的障碍。当我第一次加载或重新加载页面并检查元素时，我在Matched CSS Rules窗口中获得了对.scss文件的引用。 screenshot 1.

当我打开样式，例如更改背景颜色时，一旦完成更改，文件路径就会立即更改为已编译的css文件。 screenshot 2.有关为什么会发生这种情况的任何想法？

Answer 1

实际上，当您修改CSS时，CSS和SCSS之间的源映射会被破坏，因为它不再正确。要恢复它，您应该将更新的SCSS保存到DevTools Sources面板中的磁盘上（sass在监视模式下运行）并让DevTools重新加载CSS。然后您的源映射就可以了。