在Rails4中为资产管道组织css的最佳实践是什么

在Rails4中，为资产管道组织css的最佳实践是什么？我希望能够在文件之间共享颜色变量，并希望控制触发scss文件的顺序。是否最好不要使用清单语法，将application.css重命名为application.css.scss并使用导入

这就是我构建文件夹的方式

assets/stylesheet:
--application.css
--colors.css.scss
--fonts.css.scss
--frameworks.css.scss
--layout.css.scss
--nav.css.scss

application.css文件如下所示：

*= require_self
*= require frameworks
*= require fonts
*= require colors
*= require layout
*= require_tree .

例如，fonts.css.scss如下所示：

@import url(//fonts.googleapis.com/css?family=Raleway:400,700,800,900);
@import url(//fonts.googleapis.com/css?family=Merriweather:400,900,700);

---

如果您正在使用SASS，您会发现SASS方式对您很有帮助

我也有一个例子

类似的东西。如果您的项目很大，您可以使其更细粒度以满足您的需要

+ modules
  - _base.scss
  - _mixins.scss
+ partials
  - _base.scss
  - _fonts.scss
+ vendor
  - bootstrap-custom.scss
- application.scss

---

要使用自定义变量，

@import

是解决方案

我不在SASS项目中使用资产管道默认值

require

。相反，我使用

@import

//application.css.scss
@import "my_variables";
@import "bootstrap";
@import "others";

---

我自己发现这是最好的解决办法。想知道为什么这不是Rails默认的方式吗？@Andreas，我想原因是，不是每个人都使用SASS和变量。此外，导入每个文件也会很乏味。我发现这篇博客文章，遵循生成器的操作，似乎非常合法：