Sass构建的应用程序/构建/应用程序。

Question

我正在使用ruby cssbundling rails和达萨斯在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/view/components/_ file. html.slm文件中。这将导致最终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加载到应用程序/builds/application.css.CSS文件到我的Slim页面？

Answer 1

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

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

改为app/views/components/_views.html.slm。