小编典典

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

all

我正在使用 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

有没有办法像@import compass 之类的包含整个partials 目录(它是一个充满SASS-partials 的目录)?


阅读 61

收藏
2022-05-30

共1个答案

小编典典

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

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

要回答另一个答案中的问题“如果导入目录,如何确定导入顺序?没有办法不引入一些新的复杂程度。”

有些人会争辩说,将文件组织到目录中可以降低复杂性。

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

为了解决加载顺序,我们将需要首先加载的文件——mixin、变量等——放在一个早期加载目录中。否则,加载顺序是并且应该是无关紧要的……如果我们做事正确的话。

2022-05-30