如何使用@USE Rule

Question

%text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

我正在尝试在另一个文件中使用它：

@use 'extendable';

.text-ellipsis {
  @extend extendable.%text-ellipsis;
}

sass-loader的输出是一个错误：

SassError: Expected identifier.
   ╷
4  │   @extend extendable.%text-ellipsis;
   │                      ^
   ╵
  src/assets/styles/_component.scss 4:22  @import

使用@USE规则进口占位符选择器的正确方法是什么？

经过一些调查，我发现这是不正确的语法。占位符选择器在编译过程中具有全球范围，因此我们不能这样写，也不需要这样做。
    

要澄清选定的答案，您仍然需要

Answer 1

，但是使用占位符时排除了名称空间。这样：

@use 'extendable';

.text-ellipsis {
  @extend %text-ellipsis; /* No namespace */
}

Answer 2