css - 是否可以控制 Rails 读取 .CSS 文件的顺序，或者它是否按惯例固定？

Question

在我的 Rails 元素中，我有 3 个 .css 文件:

application.css

bootstrap.css

todo.scss

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

还有 Rails 如何知道在 todo.scss 之前加载加载 bootstrap.css 以便 bootstrap 不会覆盖 todo.scss 中的特定 View 范围样式?

Answer 1

SCSS

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

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

您将能够执行以下操作:

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

--

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