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

Google chrome Chrome Canary Sass调试在scss文件和编译的css之间切换,google-chrome,sass,google-chrome-devtools,Google Chrome,Sass,Google Chrome Devtools,在为我的scss文件设置了源代码映射,并为canary调试并运行了sass之后,我遇到了一个小小但令人沮丧的障碍。当我第一次加载或重新加载页面并检查元素时,我在匹配的CSS规则窗口中获得了对.scss文件的引用 当我切换样式时,例如更改背景颜色,一旦完成更改,文件路径立即更改为已编译的css文件。知道为什么会发生这种情况吗?事实上,当您修改CSS时,CSS和SCS之间的源映射被破坏,因为它不再正确。要恢复它,您应该在DevTools源面板中将更新的scs保存到磁盘上(sass在监视模式下运行),

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


当我切换样式时,例如更改背景颜色,一旦完成更改,文件路径立即更改为已编译的css文件。知道为什么会发生这种情况吗?

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

这听起来像是一个bug报告(特别是因为源映射仍在测试中),不是一个很好的问题。谢谢您的回复。尽管如此,它仍然不能正确地为我工作,除非我错过了什么。地图似乎没问题。。。如果我在dev tools sources面板中对scss文件进行更改,我会在文本编辑器中看到更改,sass会被编译,当我重新加载页面时,更改就在那里。但是,我仍然得到与上面描述的相同的原始问题。正确。对CSS资源的任何更改都将使映射无效。这是我们方面需要解决的问题。