6

例如，在我的 Rails 应用程序中，我有类似的内容：

.wax_seal {
  background: url("wax-seal-small.png");
  display: block;
  height: 100px;
  margin: 0 auto;
  width: 92px;
}

.wax_seal:active {
  background: url('wax-seal-small-broken.png');
}

在我的config/environments/production.rb文件中：

# Disable Rails's static asset server (Apache or nginx will already do this).
config.serve_static_assets = true

我手动调用资产的编译：

bundle exec rake assets:precompile

并且文件是在名称末尾使用哈希创建的：

wax-seal-small-Uuhqwduhqwdoi234983jewf.png

所以这不起作用：

background: url("wax-seal-small.png");

但这很好用（当我在 Chrome 中手动输入时）：

background: url("wax-seal-small-Uuhqwduhqwdoi234983jewf.png");

我在这里缺少什么步骤？如何让我的 CSS 规则添加到那个小哈希中？

添加使其工作，但我在 Rails 指南中读到，由于显着的性能损失，这是一种不好的做法config.assets.compile = true。config/environments/production.rb

4

2 回答 2

5

我在 edgerails 文档中找到了这个：http: //edgeguides.rubyonrails.org/asset_pipeline.html#css-and-sass

2.3.2 CSS 和 Sass

使用资产管道时，必须重写资产路径，并且 sass-rails 为以下资产类提供 -url 和 -path 帮助器（在 Sass 中为连字符，在 Ruby 中为下划线）：图像、字体、视频、音频、JavaScript 和样式表。

  • image-url("rails.png") becomes url(/assets/rails.png)
  • image-path("rails.png") becomes "/assets/rails.png"

也可以使用更通用的形式，但必须同时指定资产路径和类：

  • asset-url("rails.png", image) becomes url(/assets/rails.png)
  • asset-path("rails.png", image) becomes "/assets/rails.png"
于 2013-06-02T10:48:50.213 回答
4

如果您使用 sass 或更少，则可以使用background: image-url("wax-seal-small.png");

这将添加到您的文件的路径并附加缓存破坏者哈希。

否则，只需将其引用到 /assets 目录。例如background: url("/assets/wax-seal-small.png");

于 2013-06-01T22:13:45.133 回答