Ruby on rails 在Chrome开发工具上设置.scss文件的编辑

我一直在阅读，试图在我的环境中设置它，但有些东西不适合我

我正在使用JetBrains RubyMine进行开发，该项目是一个ruby项目，其中所有的.scss文件都在ruby项目中编译成一个大的.css文件

我想知道是否有办法在ruby项目中设置CSS映射，这样我就可以在Chrome开发者工具中编辑.scss文件，而不是返回RubyMine，是吗

---

请注意，我的ruby项目上安装的sass gem是v3.2.19，目前我至少无法将其升级到3.3.0alpha。

如果您可以将sass版本更新到3.3，则可以启用Chrome的Sourcemaps。否则，您可能无法执行此操作

通用的源代码映射允许Chrome理解example.scss映射到example.css。终端命令是

$sass-example.scss:example.css--sourcemap

。在运行该命令之前，请确保先将

cd

复制到css目录

您还必须在Chrome中启用源地图，方法是转到开发工具设置（单击右边开发工具小灰条中的小齿轮图标），并选中“启用CSS源地图”和“自动重新加载生成的CSS”框

对我来说，刚开始也有点怪。有时源地图会在SCS上，然后突然转到css。我相信这仍然是Chrome的实验特性，所以它可能还不是100%稳定的

---

这篇文章对我很有帮助：

您确定Sass版本安装正确吗？运行sass-v来检查发生了什么back@grimmus您是对的，似乎安装了正确的sass版本，尽管它说已成功安装v3.3.7。我做错了什么？