是否可以控制 Rails 读取 .CSS 文件的顺序，还是按惯例固定？

Posted 2023-02-26

【中文标题】是否可以控制 Rails 读取 .CSS 文件的顺序，还是按惯例固定？

【英文标题】：Is it possible to control the order .CSS files are read by Rails or is it fixed by convention?

【发布时间】：2014-07-28 10:11:01

【问题描述】：

在我的 Rails 项目中，我有 3 个 .css 文件：

应用程序.css

bootstrap.css

tod​​o.scss

如果我想添加另一个 .css 库，是否有办法控制在 application.css 中调用 .require_tree 时读取 .css 文件的顺序。

Rails 如何知道在 todo.scss 之前加载负载 bootstrap.css 以便引导程序不会覆盖 todo.scss 中的特定 View 范围样式？

【问题讨论】：

Rails 3.1 Load css in particular order的可能重复

【参考方案1】：

SCSS

我相信require_tree 指令按字母顺序加载文件

如果您想按自己的顺序加载文件，您可能有兴趣研究使用 @import functionality of scss（Rails 默认 CSS preprocessor）

您将能够执行以下操作：

#app/assets/stylesheets/application.css.scss
@import bootstrap
@import todo
@import **/* /* Directory Globbing ;-) */

--

这将允许您按您需要的顺序加载您需要的单个文件/目录