我正在使用 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)加载到我的浏览器中,我会看到它是一个空的清单文件
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
并且没有下面列出的文件。
我错过了什么?如何将从 Sass 文件捆绑和处理的 CSS 加载到我的 Slim 页面的app/builds/application.css文件中?