Sass 1.8 从 @import 迁移破坏了 mixins

Question

我正在尝试迁移我的 scss 代码以适应 1.8。 Migrator 工具没有帮助

Error: Undefined mixin.
     ╷
  12 │   @include roboto(700);

style.scss（根）

@use 'fonts';
@use 'mixins';
@use 'theme';
@use 'base';
@use 'client';

_base.scss（参见上面的嵌套方式）

.type-logo {
  @extend .glow-blue;
  @apply text-[8rem];
  @include roboto(700);
}

@mixin roboto(...)

是在

_fonts.scss

中定义的，为什么我会收到错误

Answer 1

您没有导入

base.scss

暴露

roboto

混合的模块。正如预期的那样，SASS 找不到它。

使用

@use

导入公开 mixin 的模块。

@use "./fonts" as Fonts;

.type-logo {
  @extend .glow-blue;
  @apply text-[8rem];
  @include Fonts.roboto(700);
}

请阅读有关

@use

的文档：https://sass-lang.com/documentation/at-rules/use/