SASS结合glob模式使用@use语法批量导入scss文件的实现方案
Sass @use语法批量glob导入的解决方案
我共有50+个.scss文件分布在5个目录下,此前使用webpack的node-sass-magic-importer插件实现文件夹下所有文件的批量导入,原有实现代码如下:
// index.scss @import "default/*.scss"; @import "vendors"; @import "components/*.scss"; @import "modals/*.scss"; @import "pages/*.scss";
该插件对@import语法的支持良好,但无法识别@use语法的glob匹配规则。我曾考虑自行扩展该插件的功能,因此询问是否有其他更简便的替代解决方案。
实测可行解决方案
如需批量导入指定目录下的所有.scss文件,可直接使用如下glob匹配写法即可,无需额外扩展插件功能。
以导入./modals文件夹下的所有文件为例:
// index.scss @use "modals/**/*" as modals;
内容的提问来源于stack exchange,提问作者Vadym Borysov
相关产品推荐
相关产品推荐

