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

Question

我有_extandable.scss文件和一个占位符选择器：

\n\n

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

\n\n\n\n

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

\n\n

\r\n

\r\n

@use \'extendable\';\r\n\r\n.text-ellipsis {\r\n  @extend extendable.%text-ellipsis;\r\n}

\r\n

\r\n

\r\n

\n\n

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

\n\n

SassError: Expected identifier.\n   \xe2\x95\xb7\n4  \xe2\x94\x82   @extend extendable.%text-ellipsis;\n   \xe2\x94\x82                      ^\n   \xe2\x95\xb5\n  src/assets/styles/_component.scss 4:22  @import\n

\n\n

使用 @use 规则导入占位符选择器的正确方法是什么？

\n

Answer 1

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