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

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

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

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

How extend placeholder selector in Sass using @use rule

sass

node-sass