ruby-on-rails - 如何让 Rails 使用 Yarn 包中包含的图像/字体？

Question

在第一次将应用程序迁移到 Rails 5.1 时，我尝试使用 yarn 而不是 bower 来管理前端依赖项。

一切都很好，我可以包括 js和 css文件通过相关 application.js/css list 文件。

但是，如果这些文件依赖于其他资源(例如，图像、字体等的目录)，那么 Rails 对它们一无所知。

给定一个 yarn 包，其中包括:

/css
  |-styles.css
/images
  |-background.jpg

在哪里

#styles.css
.background {
  background-image: url(../images/background.jpg);
}

日志(显然)显示

No route matches [GET] "/images/background.jpg"

如何确保 Rails 知道 Yarn 包中的这些图像并正确编译它们？

这可能吗？还是我忽略了一些明显的东西？

Answer 1

我有同样的问题。以下是一些很好的引用
https://edgeguides.rubyonrails.org/webpacker.html#using-webpacker-for-css
https://github.com/rails/webpacker/issues/349
基本上你需要做以下事情

需要像 js 文件一样的 css 文件，但在 /app/javascript/packs/application.js 中包含 css 扩展名(是的，在 javascript 中需要 css)

添加 <%= stylesheet_pack_tag "application" %> 在布局文件中，如果已经不存在

如果您还没有，请创建文件(即使是空的)/app/javascript/packs/application.scss