Ruby on Rails 6 如何从资产管道中为 css 引用图像答案

【问题标题】：Ruby on Rails 6 how to reference images from asset pipeline for cssRuby on Rails 6 如何从资产管道中为 css 引用图像
【发布时间】：2019-12-21 03:03:45
【问题描述】：

我正在尝试创建一个 rails 6 应用程序。在 Rails 5 中，当 sass 仍然适用时，我会使用 image-url(xxx.png) 来引用资产管道中的图像。但是，在 Rails 6 中，这不再适用于 webpack。我似乎无法加载图像。

我尝试过使用不同的标签，比如asset-url，将url调整为直接路径，但没有成功。

.banner { 背景图像：url（asset_path（'home/head-banner.png'））； ... }

.banner { 背景图片：图片网址（'home/head-banner.png'）； ... }

预期结果是图像的完全散列网址。

【问题讨论】：

标签： css ruby-on-rails ruby webpack ruby-on-rails-6

【解决方案1】：

应该有效的快速修复解决方案：

重命名 css 文件以使用 .scss（SASS 扩展名）
然后使用image-url

这应该可以正常工作，并且允许您使用 rails 辅助函数。

【讨论】：