CSS源地图和浏览器内Sass编辑

CSS源地图和浏览器内Sass编辑,css,google-chrome,sass,google-chrome-devtools,Css,Google Chrome,Sass,Google Chrome Devtools,我一直在关注两篇关于如何开始在chrome canary(而不是livereload.com)上编辑scss文件的文章 这个呢 我添加了我的工作区,浏览器实际上正在读取我的文件,如下所示: 然后,当我单击“进入源”时,我可以修改如下图片中的内容: 我可以在这里更改css,它很好,它正在将我的scss文件从一个Chrome更新到另一个文件 问题 当我转到元素检查器(devTools上的第一个选项卡)并尝试对其进行任何更改时。styles.scss自动变为styles.css,然后我无法在元

我一直在关注两篇关于如何开始在chrome canary(而不是livereload.com)上编辑scss文件的文章

这个呢

我添加了我的工作区,浏览器实际上正在读取我的文件,如下所示:

然后,当我单击“进入源”时,我可以修改如下图片中的内容:

我可以在这里更改css,它很好,它正在将我的scss文件从一个Chrome更新到另一个文件

问题

当我转到元素检查器(devTools上的第一个选项卡)并尝试对其进行任何更改时。styles.scss自动变为styles.css,然后我无法在元素检查器上修改任何将更改我的scss文件的内容

此外,当我更改我的scss文件中的任何内容时(使用升华文本2)。浏览器没有重新加载我的css,因此无法从文件到Chrome


这两样东西是虫子吗?这样工作是否意味着?

要使基于模型的编辑(在“元素”面板中)与源映射代码配合得很好有点困难,因为不同的用户可能期望不同的行为(此外,在SASS中编辑基于变量的属性值可能会假定直接编辑它或编辑变量值),我们还没有决定这应该如何工作,CSS-SASS链接只是在编辑时断开的(因为CSS不再对应于它所生成的SASS源)

请明星,并留下评论说什么样的行为,你期待