在 RoR 项目中定义 CSS 文件加载顺序的最佳实践？答案

【问题标题】：Best practice to define the load order of CSS files in a RoR project?在 RoR 项目中定义 CSS 文件加载顺序的最佳实践？
【发布时间】：2017-03-10 03:24:12
【问题描述】：

尝试让我的 RoR 项目先加载一个单独的变量和工具集 CSS 文件，我可以使用 @import，但是有没有一种简单的方法可以使用 application.css 中的 require 行来实现，即最佳实践？

我的 applications.css 目前看起来像这样；

*= require_self
*= require variables
*= require toolset
*= require index

我收到错误消息，未定义变量：“$primary”。

Variables.scss 包含“$primary”变量，index.scss 包含使用变量的选择器和参数。

【问题讨论】：

“要求”这一行并非一直都是最佳实践。

标签： css ruby-on-rails

【解决方案1】：

由于 Rails 将您的 SASS 文件（以 .scss 结尾的文件）放在一起的方式，并且由于 SASS 的工作方式，使其工作的方法是创建一个 my_scss.scss 文件，在application.css，然后在my_scss.scss 文件中执行@imports（当然，您可以随意调用该文件）。

【讨论】：

谢谢，我创建了一个名为 tree.scss 的额外 SCSS 文件，并且可以在其中以正确的顺序运行它。