Chrome金丝雀Sass调试切换之间的scss文件和编译css



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

当我去切换样式时,例如更改背景颜色,一旦我完成更改,文件路径立即更改为编译的css文件。截图2。你知道为什么会这样吗?

确实,当您修改CSS时,CSS和SCSS之间的源映射被破坏了,因为它不再是正确的。为了恢复它,你应该将更新后的SCSS保存到DevTools资源面板中的磁盘上(sass运行在监视模式下),并让DevTools重新加载你的CSS。那么你的源映射就可以了

最新更新