CSS sourcemaps和浏览器萨斯编辑

Question

我一直在关注如何开始Chrome Canary版（不livereload.com）编辑SCSS文件两篇文章

https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0

而这一次

https://developer.chrome.com/devtools/docs/css-preprocessors

我说我的工作空间和浏览器实际上是读我的文件就像下面这个：

，然后当我点击进入来源，我可以在这张图片修改的内容，如：

我在这里可以更改CSS和它的罚款，并将其从Chrome的更新我的SCSS文件到文件。

问题

当我去元素督察（上devTools第一个选项卡），我试图改变的事情。 styles.scss自动变为styles.css然后我无法修改元素检查器上的任何将更改我的scss文件的内容。

此外，当我改变我的scss文件（使用崇高文本2）的任何东西。浏览器不重新加载我的CSS，所以它不能从文件到Chrome。

这两件事是一个错误？这是否意味着像那样工作？

Answer 1

由于不同的用户可能会期望不同的行为（在SASS中编辑基于变量的属性值，因此可能会使基于模型的编辑（在Elements面板中）与源代码映射代码很好地协作假设直接进行编辑或者编辑变量值）。因此，我们还没有决定这应该如何工作，并且CSS-SASS链接在编辑时刚刚断开（因为CSS不再对应于SASS源代码）由

请明星https://code.google.com/p/chromium/issues/detail?id=257778并发表评论，说明你期望什么样的行为。