我一直在阅读https://developer.chrome.com/devtools/docs/css-preprocessors试图在我的环境中设置它，但有些东西对我不起作用。
我正在使用jetbrains rubymine进行开发，这个项目是一个ruby项目，其中所有的.scss文件都在ruby项目中编译为一个大的.css文件。
我想知道是否有办法在ruby项目中设置css映射，这样我就可以在chrome开发工具中编辑.scss文件，而不是返回rubymine，是吗？
请注意，我的ruby项目上安装的sass gem是v3.2.19，目前我无法将其升级到至少3.3.0alpha。
最佳答案
如果您可以将sass版本更新到3.3，那么您可以启用chrome的源映射。如果没有，你可能做不到。
generall speaking sourcemaps允许chrome理解example.scss映射到example.css。终端命令是$ sass example.scss:example.css --sourcemap。在运行该命令之前，请确保首先cd到css目录。
您还必须通过转到dev tools设置（单击右侧dev tools小灰条中的小齿轮图标）并选中“enable css source maps”和“auto reload generated css”复选框，在chrome中启用源代码映射。
刚开始的时候我也有点害怕。有时源映射在scss上，然后突然转到css。我相信它仍然是Chrome的一个实验性功能，所以它可能还不是100%稳定。
这篇文章对我很有帮助：http://thesassway.com/intermediate/using-source-maps-with-sass