使用父类 Package 子scss文件

llycmphe  于 2023-02-20  发布在  其他
关注(0)|答案(1)|浏览(106)
    • bounty将在4天后过期**。回答此问题可获得+50声望奖励。Zoidbergseasharp希望引起更多人关注此问题。

有没有一种方法可以将父类添加到子scss文件中的所有规则中?通过解释子文件就好像它已经被编译过一样?
目前,我试图用父类 Package @import,但它没有按预期工作。

父级. scss

.parent{
   @import 'child';
}

子级. scss

.child{
   .dark &{
      color: blue;
   }
}

实际输出

.dark .parent .child {
  color: blue; 
}

预期输出

.parent .dark .child {
  color: blue; 
}
2w2cym1i

2w2cym1i1#

我终于找到了一个使用 meta.load-css()混合的解决方案

子级.scss

.child{
   .dark &{
      color: blue;
   }
}

父级.scss

@use "sass:meta";
.parent {
    @include meta.load-css("child");
}

下面是一个工作示例:https://github.com/zeckaissue/Wrap-child-scss-file-with-parent-class

相关问题