是否可以使用@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有没有办法包括整个局部目录（这是一个充满SASS-partials的目录），例如@import指南针或其他东西？

Answer 1

此功能永远不会成为Sass的一部分。主要原因之一是进口订单。在CSS中，最后导入的文件可以覆盖之前声明的样式。如果导入目录，如何确定导入顺序？不可能没有引入某种新的复杂性。通过保留一个导入列表（如您在示例中所做的那样），您可以清楚地知道导入顺序。如果您希望能够放心地覆盖另一个文件中定义的样式，或者在一个文件中写入mixins并在另一个文件中使用它们，那么这是至关重要的。

Answer 2

我__partials__.scss在相同目录下创建一个文件partials

|- __partials__.scss

|- /partials

   |- __header__.scss

   |- __viewport__.scss

   |- ....

在中__partials__.scss，我写道：

@import "partials/header";

@import "partials/viewport";

@import "partials/footer";

@import "partials/forms";

....

因此，当我要导入整个内容时partials，只需编写即可@import "partials"。如果要导入其中任何一个，也可以编写@import "partials/header"。