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

Question

根据这个问题,https://github.com/rails/sass-rails/pull/192
sass-rails尚未支持Sass 3.3.

但似乎从一sass-rails-source-maps开始就依赖于Sass 3.3.那么有没有办法使用这个宝石sass-rails？

根据自述sass-rails-source-maps文件,Chrome从早于3.3版的Sass中删除了对Source Maps文件的支持.

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

Answer 1

替换sass-rails有一个很大的新的下降,这不仅更快,而且还可以选择使用内联源映射.

只需将其添加到您的Gemfile中即可

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

并添加配置

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

不要忘记重新启动服务器,然后您应该看到它在检查器中工作:

@cimmanon我想你在这里忽略了这一点.问题清楚地说明了"轨道中的sass的源地图".答案是目前实现这一目标的唯一途径.我可以说,在尝试了所有其他答案之后,他们被弃用了.因此,通过downvoting,您基本上可以为任何正在寻找解决方案的人带走机会.感谢您的社区工作! (2认同)

Answer 2

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

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

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