以下是我所说内容的快速摘要：
https://medium.com/what-i-learned-building/b4daab987fb0
当使用设置了工作区和源地图并链接了本地/网络文件的Chrome时，我可以使用Chrome web检查器(在Elements->styles窗格下(来识别选择器在正确的SCSS文件中的位置。此外，我可以点击它，被带到SCSS文件，进行更改，然后成功地将其保存到文件系统中。然而，我之前所做的工作是在elements->styles面板中进行更改，以在SCSS文件中进行更新(即，如果我在elements选项卡中进行更改并在chrome中检查SCSS文件，它应该已经更改了它(。
相反，它对CSS文件进行了更改。显然，这不是很有用，因为：
- 一旦SCSS文件发生更改，它就会被覆盖
- 这意味着Chrome将显示不在SCSS文件中的样式，即使在重新加载后也是如此，因为它们持久保存在CSS文件中
我在OSX和Windows上都尝试过，使用的是Sass 3.3.6。也可以确认这不是#9中提到的"../"问题https://code.google.com/p/chromium/issues/detail?id=273384因为sass文件现在在css文件中。也没有style.css？样式表标记上的ver=x扩展。
https://code.google.com/p/chromium/issues/detail?id=257778就是你想要的。在通常情况下，如果涉及变量或复杂的语言功能，则在编辑样式窗格时用SCSS代替CSS是不可能的(不明确(，因此您最好的选择是Ctrl-单击样式窗格中所需的CSS属性，导航到相应的SCSS片段并编辑纯SCSS资源文本，然后保存(Ctrl+S(，让sass编译器(在监视模式下运行(完成剩下的工作。您应该同时启用Enable CSS source maps和Auto-reload generated CSS设置，以便DevTools获取生成的CSS更改。