CSS源图和浏览器内Sass编辑

Question

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

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

和这一个

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

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

然后当我点击来源时，我可以修改内容，如下图所示：

我可以在这里更改css，它很好，它将我的scss文件从Chrome更新为文件。

问题

当我转到元素检查器（devTools上的第一个标签页）时，我尝试更改其中的任何内容。 styles.scss 会自动变为 styles.css ，然后我无法修改将更改我的scss文件的元素检查器上的任何内容。

当我在scss文件上更改任何内容时（使用sublime text 2）。浏览器没有重新加载我的CSS，因此它无法从文件到Chrome。

这两件事是错误吗？是这样工作的意思吗？

Answer 1

使用基于模型的编辑（在“元素”面板中）与源映射代码一起使用有点困难，因为不同的用户可能期望不同的行为（此外，在SASS中编辑基于变量的属性值可能会假设直接编辑它或者编辑变量值。）因此，我们还没有决定它应该如何工作，并且CSS-SASS链接在编辑时就被打破了（因为CSS不再对应于它的SASS源）从。）

生成

请为https://code.google.com/p/chromium/issues/detail?id=257778加注星标并发表评论，说明您期望的行为。