ruby-on-rails - Sass 构建的 app/builds/application.css 没有进入标题

Question

我正在使用 ruby gem cssbundling-rails和 dart-sass在 Rails 7 应用程序中处理 Sass(我对 Rails 还很陌生)。

在 package.json 文件中，我定义了 build:css 脚本:

"build:css": "sass ./app/assets/stylesheets/application.scss ./app/assets/builds/application.css --no-source-map --load-path=. --load-path=./node_modules --load-path=./node_modules/@rpf/sauce --load-path=app/assets/stylesheets/"

这似乎有效；我看到几个 Sass 文件的结果被捆绑并处理成一个 CSS 文件:app/builds/application.css。

但是我看不到如何将此文件添加到我的页面。我们使用 Slim，所以我包含了这一行

= stylesheet_link_tag 'application'

在 app/views/components/_head.html.slim 文件中。这导致最终 HTML 中的这个片段:

<link rel="stylesheet" href="/assets/application-e0cf9d8fcb18bf7f909d8d91a5e78499f82ac29523d475bf3a9ab265d5e2b451.css" />

如果我将该文件 (application-e0cf9d8fcb18bf7f909d8d91a5e78499f82ac29523d475bf3a9ab265d5e2b451.css) 加载到我的浏览器中，我会看到它是一个空 list 文件，开始

* This is a manifest file that'll be compiled into application.css, which will include all the files   
* listed below.  

并且没有下面列出的文件。

我错过了什么？如何将从 Sass 文件捆绑和处理到 app/builds/application.css 文件的 CSS 加载到我的 Slim 页面中？

Answer 1

一个简单的解决方法是添加

link rel="stylesheet" href="/assets/application.css" type="text/css"

改为app/views/components/_head.html.slim。