ruby-on-rails - 如何让 Compass 自动导入 app/assets/stylesheets 中的所有样式表？

Question

我正在尝试使用compass-rails将Compass添加到我的 Rails 3.2 应用程序中。如何让它自动导入所有样式表？目前我必须手动为每个人做。app/assets/stylesheets@import 'filename';application.css.scss

Answer 1

将所有 scss 文件（除了 application.css.scss）放在不同的文件夹中：

/application.css.scss

/all/hello.css.scss

/all/hi.css.scss

如下所示的 application.css.scss 文件将起作用。

@import "compass";
@import "all/*";

Answer 2

对于捆绑样式表，使用资产管道

如果您正在使用资产管道，这应该会自动发生：

/*
 * In application.css
 *= require_tree .
 */

文档： http: //guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives

重要的警告是“使用 Sprockets 指令，所有 Sass 文件都存在于它们自己的范围内，使变量或 mixin 仅在定义它们的文档中可用。”

对于 mixins & vars，将你的导入放在一个地方，然后导入一次

如果您对功能很感兴趣，请尝试使用app/assets/stylesheets/base.css.scss包含@import所有 mixin 和 var 文件的指令（无论是否通配符）的文件。然后你只需要@import "base"为每个样式表做一次，并且仍然可以使用 sprockets 指令捆绑你的 css。