根据条件导入文件 - scss

Question

我有一个有 2 个主题的网站，我正在尝试根据当前设置为主体 ID 的主题设置我的配置。

我可以根据这种情况导入文件吗？像这样的：

#theme1 {
   @import "components/theme-one-styling";
}
#theme2 {
   @import "components/theme-two-styling";
}

希望这是有道理的

谢谢

Answer 1

我不知道该怎么做，但您的问题的另一个解决方案是，为主题设置 2 个单独的 mixin，将其放在同一个文件中，并将该 mixin 包含在您的组件 scss 中。像这样的：

第 1 步：称为组件/主题的通用文件

@mixin theme-1-mixin() {
 /// write your code for theme 1
}

@mixin theme-2-mixin() {
 /// write your code for theme 2
}

在您的组件 scss 文件中，执行以下操作：

@import 'components/themes';

#theme1 {
  @include theme-1-mixin();
}

#theme2 {
  @include theme-2-mixin();
}

不确定这是否会解决问题，但只是另一种解决方案。