Question

我正在使用sass库'bourbon neat'。它提供了一个名为“外容器”的mixin。

我有一个像这样结构的sass文件：

@import bourbon/bourbon
@import neat/neat

@import componentOne

@import componentTwo

我想在文件componentOne和componentTwo中使用neat。

在这两个文件中我都使用了mixin：

@include outer-container;

如果我在componentOne中使用mixin，我会得到我想要的结果。混合使用。

如果我在componentTwo中使用mixin，我的gulp-sass会抛出错误：

错误：没有名为外容器的mixin
   Backtrace:
      componentTwo.scss
    on line 3 of componentTwo.scss
@include外部容器;

我可以通过将整个库导入第二个文件来作弊。但是，如果我正确阅读sass文档， mixin 应该对componentOne.scss和componentTwo.scss都可用，因为它们都是@imported到已经导入的文件中图书馆。

这里发生了什么？如何在我的所有sass文件中使用该库而不将其导入每个文件？