import - 是否可以使用 @import 在 sass 中导入整个目录？

Question

我正在使用 SASS 部分模块化我的样式表，如下所示:

@import partials/header
@import partials/viewport
@import partials/footer
@import partials/forms
@import partials/list_container
@import partials/info_container
@import partials/notifications
@import partials/queues

有什么方法可以包含整个partials目录(这是一个充满SASS-partials的目录)，比如@import compass之类的？

Answer 1

如果您在 Rails 项目中使用 Sass，则 sass-rails gem https://github.com/rails/sass-rails ，具有全局导入功能。

@import "foo/*"     // import all the files in the foo folder
@import "bar/**/*"  // import all the files in the bar tree

回答另一个答案中的问题“如果导入一个目录，如何确定导入顺序？这不可能不引入一些新的复杂性。”

有些人认为将文件组织到目录中可以降低复杂性。

我的组织的项目是一个相当复杂的应用程序。 17个目录下有119个Sass文件。这些大致对应于我们的 View ，主要用于调整，繁重的工作由我们的自定义框架处理。对我来说，几行导入的目录比 119 行导入的文件名稍微简单一些。

为了解决加载顺序，我们将需要首先加载的文件(mixin、变量等)放在早期加载目录中。否则，加载顺序应该是无关紧要的......如果我们做得正确的话。