Sass 从模块扩展类答案

【问题标题】：Sass extend class from moduleSass 从模块扩展类
【发布时间】：2020-04-25 02:00:29
【问题描述】：

使用 sass 中的新模块系统（使用 @use 而不是 @import）我如何在一个文件中定义一个类并使用 @extend 在另一个文件中使用它？

文件colors.scss

 .element {
   background-color: blue;
 }

主文件

@use "./colors.scss" as colors;
body {
  @extend .element;
}

这会产生以下错误：

“body”未能@extend“.element”。未找到选择器“.element”。如果扩展应该能够失败，请使用“@extend .element !optional”。

我如何告诉 sass 从 colors.scss 中获取它？

【问题讨论】：

标签： sass

【解决方案1】：

原来这里有几个不同的问题。首先是 stacblitz 示例使用的是旧版本的 sass 女巫，没有模块支持。另一个是没有办法指定从 wwitch sass 模块扩展一个 css 类。正确的解决方案是我在问题中写的：

@extend .element;

【讨论】：