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 源产生于。)

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