如何为 Rails 添加自定义 CSS 文件

Question

我正在使用 Rails 7 和 Tailwind 并运行rails new myapp --css tailwind它创建的app/assets/stylesheets/application.tailwind.css

如何添加自定义 CSS 文件，以便我们的所有 CSS 不都在这个文件中？我尝试添加此文件，但不知道如何链接它

app/assets/stylesheets/header.css

#header {
    @apply p-2;
}

Answer 1

app/assets/stylesheets在下面创建一个新文件header.css

添加app/assets/config/manifest.jsheaders.css 的链接

//= link_tree ../images
//= link_tree ../builds
//= link headers.css

在app/views/layouts/application.html.erb现有 stylesheet_link_tag 中添加标题条目

<%= stylesheet_link_tag "application", "headers" "data-turbo-track": "reload" %>