SCSS 中的文件夹导入

Posted 2023-03-06

【中文标题】SCSS 中的文件夹导入

【英文标题】：Folder importing in SCSS

【发布时间】：2017-11-09 03:03:31

【问题描述】：

比如说。需要导入一个文件夹，其中所有的 scss 部分都在其中。我的问题是如何导入整个目录。

@import'layout/.';这是正确的方法吗？如果我错了，请纠正我。

【问题讨论】：

这能回答你的问题吗？ Is it possible to import a whole directory in sass using @import?

【参考方案1】：

你不能导入一个文件夹 SCSS 你必须导入每个文件

// Modules and Variables
@import "/base";

// Partials
@import "/reset";
@import "/typography";
@import "/buttons";
@import "/figures";
@import "/grids";
// ...

// Third-party
@import "vendor/colorpicker";
@import "vendor/jquery.ui.core";

您还可以导入一个已导入文件夹中所有内容的文件。这样您可以选择不导入某些文件。

【参考方案2】：

如果您使用 Ruby-on-Rails 或使用 gulp（据我所知），则可以导入给定目录中的所有部分。在 Gulp 中有一个名为 gulp-sass-glob 的插件，它可以使它工作。这就是我个人进行自己导入的方式。

【讨论】：

还有一个 gem install sass-globbing 可以让你使用 * 通配符。您可以像 @import "layout/*" 或 @import "layout/**/*" 一样执行此操作以包含子目录。在 Windows 上，您必须向我们提供 @import "layout**/**"，直到现在我还没有找到包含子目录的方法。