sass - 如何在 Sass 中使用 @use 规则扩展占位符选择器

Question

我有 _extandable.scss 带有一个占位符选择器的文件:

%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

经过一番调查，我发现它的语法不正确。占位符选择器在编译时具有全局作用域，所以我们不能这样写，也不需要这样做。