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

时间:2014-04-20 10:06:35

标签: ruby-on-rails-4 sass google-chrome-devtools

根据此问题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中删除了对源地图文件的支持。

这是否意味着现在无法将Sass源地图与Chrome devtools一起使用?

2 个答案:

答案 0 :(得分:13)

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

只需将其添加到您的Gemfile

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

并添加配置

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

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

Source maps in Safari inspector

你可以在这里找到回购: https://github.com/sass/sassc-rails

答案 1 :(得分:1)

我能够以这种方式使用Rails 4.1的源映射:

  1. 使用sass-rails gem(5.0.0.beta1)的测试版,这不是最安全的事情,而且

  2. 添加" compass-rails" (" 2.0.1")和#34; compass-rails-source-maps" (" 0.0.8")宝石。我没有在这个特定项目中使用Compass,但是compass-rails-source-maps gem需要指南针轨道宝石(显然),它对我来说非常有用。

  3. 我对sass-rails-source-maps宝石没什么好运,但我没有花很多时间用它;也许它与beta sass-rails gem不兼容,或者我正在使用的其他东西。