You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.03 09:54:02