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

【问题标题】：How extend placeholder selector in Sass using @use rule如何在 Sass 中使用 @use 规则扩展占位符选择器
【发布时间】：2020-09-23 22:59:12
【问题描述】：

我有一个带有一个占位符选择器的 _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 规则导入占位符选择器的正确方法是什么？

【问题讨论】：

你使用的是 Dart Sass 还是 Node Sass？
@Arkellys node-sass。它在 angular-cli 中运行

标签： sass node-sass

【解决方案1】：

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

【讨论】：