Sass 从模块扩展类

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

File 颜色.scss

 .element {
   background-color: blue;
 }

主文件

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

这会产生以下错误：

“body”无法@extend“.element”。 找不到选择器“.element”。 如果扩展可能会失败，请使用“@extend .element ！可选”。

例子：https://stackblitz.com/edit/angular-tufq7f?file=src%2Fstyles.scss https://stackblitz.com/edit/angular-tufq7f?file=src%2Fstyles.scss

我怎样才能告诉 sass 从中获取它颜色.scss?

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

@extend .element;