是否可以使用@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"。