sass-rails helpers"image-url","asset-url"在rails 3.2.1中不起作用

Question

我在3.2.1,sass-rails-3.2.4和sass-3.1.15 ......

资产管道的文档说:

asset-url("rails.png", image) becomes url(/assets/rails.png)
image-url("rails.png") becomes url(/assets/rails.png)

...

所以我做了以下文件:

# app/assets/stylesheets/public/omg.css.sass

body
  background: asset-url('snake.gif', image)

#lol
  background: image-url('snake.gif')

当我访问localhost:3000/assets/public/omg.css时,我得到:

body {
  background: asset-url("snake.gif", image); }

#lol {
  background: image-url("snake.gif"); }

...我也尝试将文件更改为omg.css.scss并将语法更改为:

# app/assets/stylesheets/public/omg.css.scss

body {
  background: asset-url('snake.gif', image);
}

#lol {
  background: image-url('snake.gif');
}

但得到相同的结果......有没有人知道为什么这些助手不工作？

Answer 1

尽管文档中说的是,看起来rails 3.2.6中的默认选项允许您在CSS中使用更少的路径信息.例如../app/assets/images/rails.png,example.css.scss文件中的引用类似于:

background: white url(rails.png) repeat-y;

你不包括image-url或者asset-url你的scss(据我所知),只是简单url(your_image.png).这些文档似乎只是对它在后台所做工作的解释.

Answer 2

当我遇到这个问题时,那是因为我没有在资产管道中包含css文件以进行预编译.结果,它将在运行时生成.因为sass-rails gem通常位于:assets组中,所以在运行时生成css文件时助手不可用.

尝试将以下行添加到application.rb(或production.rb):

config.assets.precompile += %w( public/omg.css )

我在这篇文章中找到了修复,包括在将文件添加到预编译器时命名文件.

Answer 3

如果您以前已将应用程序更新为Rails 3.1,请确保已更改application.rb文件

# If you have a Gemfile, require the gems listed there, including any gems
# you've limited to :test, :development, or :production.
Bundler.require(:default, Rails.env) if defined?(Bundler)

至

if defined?(Bundler)
  # If you precompile assets before deploying to production, use this line
  Bundler.require *Rails.groups(:assets => %w(development test))
  # If you want your assets lazily compiled in production, use this line
  # Bundler.require(:default, :assets, Rails.env)
end

请参阅此railscast以升级到Rails 3.1并添加资产管道.

更新: Rails 4回归旧的方式.谢谢Aaron Gray!

# Require the gems listed in Gemfile, including any gems
# you've limited to :test, :development, or :production.
Bundler.require(:default, Rails.env)