如何在 rails 4 中启用 Sass 的 Source Maps？答案

【问题标题】：How can I enable Source Maps for Sass in rails 4?如何在 rails 4 中启用 Sass 的 Source Maps？
【发布时间】：2014-06-04 13:00:30
【问题描述】：

根据这个问题https://github.com/rails/sass-rails/pull/192
sass-rails还没有支持Sass 3.3。

但似乎sass-rails-source-maps 从一开始就依赖于 Sass 3.3。那么有没有办法将这个 gem 与 sass-rails 一起使用？

根据sass-rails-source-maps 的自述文件，Chrome 放弃了对早于 3.3 版 Sass 的 Source Maps 文件的支持。

这是否意味着现在无法将 Sass Source Maps 与 Chrome 开发工具一起使用？

【问题讨论】：

【解决方案1】：

sass-rails 的替代品有了很大的新变化，它不仅速度更快，而且还可以选择使用内联源映射。

只需将其添加到您的 Gemfile 中

#gem 'sass-rails', '~> 5.0'
gem 'sassc-rails'

并添加配置

# config/environments/development.rb
config.sass.inline_source_maps = true

别忘了重启你的服务器，然后你应该会在检查器中看到它的工作：

【讨论】：

您可以清楚地看到问题是在 sass-rails 的上下文中提出的。 “使用不是 sass-rails 的东西”只有在 sass-rails 不提供对源映射的访问时才是一个有效的答案。
@cimmanon 我认为您在这里忽略了重点。这个问题清楚地说明了“rails 中 sass 的源地图”。答案是目前实现这一目标的唯一方法。我可以说，在尝试了所有其他答案之后，它们已被弃用。因此，通过投票，您基本上剥夺了任何正在寻找解决方案的人的机会。感谢您为社区所做的出色工作！
我刚刚尝试过，仍然在 Chrome 控制台样式检查器中的行号处看到生成的 CSS，而不是 SCSS 行号。所以我没有看到任何好处。
@MSC 你可能错过了一些东西。你是否像描述的那样添加了配置选项？你重启服务器了吗？
请注意暂时不兼容compass

【解决方案2】：

我能够以这种方式在 Rails 4.1 中使用源映射：

通过使用 sass-rails gem (5.0.0.beta1) 的测试版，这并不总是最安全的做法，并且通过
添加“compass-rails”（“2.0.1”）和“compass-rails-source-maps”（“0.0.8”）gem。我没有在这个特定项目中使用 Compass，但是 compass-rails-source-maps gem 需要 compass-rails gem（显然），它对我来说非常有用。

我在使用 sass-rails-source-maps gem 时运气不佳，但我并没有花太多时间在它上面；也许它与 beta sass-rails gem 或我正在使用的其他东西不兼容。

【讨论】：