如何使用通用SCSS文件编译多个主题？

Question

我的项目中有如下文件结构。

theme1
   --def.scss
theme2
   --def.scss
theme3
   --def.scss
control.scss

我想用control.scss编译每个主题def.scss并获取每个主题css ouptput。我已经尝试了以下编译方式。

def.scss：

$hcolor: #000000;
$bcolor: #cccccc;

control.scss：

@import 'theme1/def.scss';
.theme-color{
   color: $hcolor;
   background-color: $bcolor;
}

但它只会编译一个主题。 SASS中是否有任何内置功能可以使用多个定义文件编译单个文件？