资产管道，如何将图像路径添加到后台：url（）？

Question

如何将image_path添加到已编译的css？

我必须添加图片 author.png ，然后将其添加到 application.css ：

.post-author-icon {

    width: 16px;
    height: 15px;
    background: url("../design/users/author.png")
        no-repeat;
    display: inline-block;
    position: relative;
    top:2px;
}

然后我在RAILS_ENV=production rake assets:precompile

中运行public/assets结束获取文件

assets/application-e1664a39d94f9050096cb42d545f13c8.css

和

assets/design/users/author-d5ad9ee413cd0b00e2a0d226eac97cc2.png

当然浏览器不加载图像，因为在CSS图像中stil具有相同的名称。

如何解决这个问题？

这是Ruby on Rails v4

Answer 1

您需要利用资产管道处理ERB或SASS的能力。我喜欢SASS，所以我会举一个例子。

1. 将application.css重命名为application.css.scss

2. 将background样式更改为

   background: image-url("design/users/author.png");
   

您可以在 Rails Guide 中找到有关此助手及其他人的更多信息。