sass - 使用@use 导入文件时，则为 : Error Undefined Mixin

Question

我有一个入口文件:

@use '_mixins';
@use '_default';

现在当我在 default.scss 中使用 mixin 时它抛出错误:

Dart Sass failed with this error: Error: Undefined mixin.

自 @use鼓励我不明白为什么这不起作用。如果我写 @import就像在过去，它运作良好:

@import '_mixins';
@import '_default';

这样一切都很美好。
我该如何使用 @use仍然有一切可用？

Answer 1

那可能是因为使用了新规则@use对您构建项目结构的方式有很大影响。使用 @use戏剧性地改变它:

与 @import你添加一个文件，mixins/vars/modules 就可以在你稍后加载的每个 sass 文件中使用了。

与 @use您必须直接在要直接使用它的文件中加载您需要的特殊 sass 文件(即“_mixins”)......而不是主文件。 (是的:将 mixins/functions/variables-files 加载到您想要使用它们的每个部分文件中是编写 sass 的新方法。

还有一点要说明您对 @use 的使用: 如果您通过 @use 'mixins 加载您必须在分隔命名空间的文件中调用 mixin @include mixins.yourMixinYouCall .如果你想加载没有分隔命名空间的 mixin，你可以这样做:@use 'mixins' as * .

更改为单独的命名空间有一些优点。但这确实是一个非常大的影响，也是一个关于构建 sass 文件的新方法的非常难以讨论的主题。
我们这周有这个，在发布两次之前，你可以看看这个帖子:
The @use feature of Sass