在Rails 4中为Asset Pipeline组织css的最佳实践是什么？

Question

在Rails 4中为资产管道组织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);

Answer 1

要使用自定义变量，@import就是解决方案。

我在SASS项目中不使用Assets Pipeline默认require。相反，我使用@import。

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

Answer 2

如果您使用SASS，您会发现{Sass Way中的this blog post有用。

我也有this structure on Github的例子。

有些事情。如果您的项目很大，您可以更精细地满足您的需求。

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