如何在libsass中导入目录

Question

我正在尝试在SCSS中导入多个app.scss文件（page1.scss，page2.scss和..），但我找不到任何解决方案（插件等）。

我看到了these answers，但它们适用于Ruby on Rails而不是libsass。我正在使用：

咕嘟咕嘟，

咕嘟咕嘟-萨斯

Libsass和

Laravel Elixir

任何解决方案？

Answer 1

长答案简短：

正如您在官方libsass项目github中的issue中所发现的，globs不是SASS规范的一部分，因此没有计划在libsass中支持它们。

为什么？

实现此功能的主要问题与导入文件的顺序有关。首先，AFAIK没有关于如何在不同的操作系统（linux，mac os x，windows）或文件系统（reiserfs，ext3）中读取流文件的标准方法，ntfs，fat32等），导致文件导致不可预测的排序。

无论如何，即使从每个文件系统中读取文件都会有某种跨平台标准支持，并且您确信总是会以相同的顺序获取文件。应该是哪个订单？。

如果您仍然需要/想要它：

仍有一些 hack-y 方法可以实现此行为，但我强烈建议您避免使用这些行为并遵循官方建议。

有一颗红宝石宝石：sass-globbing。但它不适用于gulp / libsass，因为它们处理文件流的方式不同。灵感来自这个红宝石，有gulp-css-globbing。看起来这个项目有点过时，但您可以自担风险使用它 在这篇博文：Sass Directory Imports With Gulp中，您可以找到另一个解决方案，其中自动为每个文件夹创建一个文件，用于导入其中的所有文件。根据我的口味有点令人费解，但如果你真的需要它，它会起作用。