我可以使用在一个部分中定义的 mixins 并将其导入到另一个部分的主 scss 文件中吗？

Question

我有三个文件：

显然，在

_mixins.scss

中我已经定义了我的mixin。然后在

style.scss

中，我使用 @use 'mixins'; 导入这些 mixin。我现在还有另一个名为

_navigation.scss

的部分，我也使用 @use 'navigation'; 将其导入到主 scss 文件中。我现在想在导航部分的 mixins 部分中使用定义的 mixin。但是当我尝试这样做时，我收到错误：未定义的 mixin。

我想做的事不可能吗？如果是这样，我将如何在另一个部分中使用

_mixins.scss

中定义的 mixin？

Answer 1

您的订单似乎有问题。您应该遵循

7-1

文件夹结构并使用以下导入创建

styles.scss

@import 'mixins'
@import 'navigation' // Notice the order

这应该能让你的风格发挥作用。另外，请确保您的捆绑程序正确捆绑了 scss。