CSS sourcemaps 和浏览器内 Sass 编辑

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，这很好，它正在将我的 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 加注星标并发表评论，说明您期望什么样的行为。