有没有办法在 SASS 中导入所有部分文件?

Posted

技术标签:

【中文标题】有没有办法在 SASS 中导入所有部分文件?【英文标题】:Is there a way to import all partial files in SASS? 【发布时间】:2017-03-23 20:18:07 【问题描述】:

我想知道是否可以只写一个文件夹的名称,里面的每个文件都会自动导入?

例如,我有一个 main.scss,它只包含导入

@import "components/forms";
@import "components/header";
@import 'components/intro';

我只想写

@import "components/**/*";

所以components中的每个文件都会像上面一样被导入。

【问题讨论】:

"Is It Possible To Import A Whole Directory In Sass Using Import" 查看sass-globbing gem @SteveVentimiglia 天哪,谢谢,我没找到。抱歉重复发帖 【参考方案1】:

我可以使用sass-globbing。它允许我使用单个 @import 语句导入目录或整个目录树:

// import a directory's contents
@import 'dir/*';

// recursively import a directory's contents and any sub-directories:
@import 'dir/**/*';

我会从命令行安装它

gem install sass-globbing

更多here on Github plugin homepage。

【讨论】:

以上是关于有没有办法在 SASS 中导入所有部分文件?的主要内容,如果未能解决你的问题,请参考以下文章

在聚合物3中导入外部样式表

使用〜(波浪号)导入的 SCSS 文件在 Angular 6 中不起作用

如何在 Angular 6 中导入 sass 文件

cx_Oracle 无法在 Python 3.9 中导入,尽管一切都已正确路径并且所有必需的部分都在 64 位上运行

如何使 sass 文件全局化,而不是在每个文件中导入它并膨胀包大小?

javascript Gulp任务解决shopify中导入sass文件的问题