如何导入较少的文件两次以启用主题切换

Question

我正在使用更少的文件来管理我的应用程序。我创建了变量较少的文件和较少的文件。

@import 'commonlessfiles';

html.theme1{
 @import 'theme1variables';
 @import  'baselessfiles';
}

html.theme2{
 @import 'theme1variables';
@import  'baselessfiles';
}

使用上面的代码。

我的问题是它为第一部分（theme1）生成CSS文件。可能更少不允许重复导入。因为我导入baselessfile 2次。 （@import 'baselessfiles'）。

输出：

常见的css

html.theme1 .class{

}....

有没有什么办法可以告诉我们少用或少用两次导入文件并使用变量文件。

我的输出应如下所示：

常见的css：

html.theme1 class{

}

html.theme2.class{


}

Answer 1

以下代码适用于multiple

@import 'commonlessfiles';

html.theme1{
  @import 'theme1variables';
  @import  (multiple) 'baselessfiles';
}

html.theme2{
  @import 'theme1variables';
  @import  (multiple) 'baselessfiles';
}