资源管道要求和CSS中的相对图像路径

Question

我有一些与 css 和图像捆绑在一起的 js 库。

在 asset/stylesheets/awesome-library/awesome-library.css 中，

background-image: url("some-image.png")

如果我们在布局中编写这样的内容，我们会看到类似的内容：

<%= stylesheet_link_tag "awesome-library/awesome-library" %>

浏览器将获取 http://example.org/assets/awesome-library/some-image.png

但是如果我们需要在我们的application.css：

//= require awesome-library/awesome-library

浏览器将获取 http://example.org/assets/some-image。 png （当然是404）

我尝试将awesome-library.css重写为scss（使用image-url），但结果是CSS url像/assets/some-image.png。 我不想合并库的图像和所有其他图像，而且实际上也不想更改库的代码。

Answer 1

只需在 application.css 中使用 @import "awesome-library/awesome-library.css";