您可以从另一个文件引用 SASS 函数而不导入所有内容吗？

Question

我对 SASS 和网络开发都很陌生，如果这是显而易见的，我提前道歉。我试图从一个 SASS 文件中引用另一个函数。我真的不想导入它，因为它将在父文件中再次导入。

我的文件结构：

样式表/custom.scss

样式表/scss/_auth.scss

样式表/scss/_account.scss

我在 main.scss 中有一些函数，例如我想使用 _auth.scss 中的函数。我遇到的问题是 custom.scss 导入其他 scss 来组合它们。我不想进行交叉引用。

有没有人有什么建议？我再次对此感到非常陌生。

Answer 1

您可以将函数和 mixin 移动到一个文件中。并将它们导入到主 SCSS 文件（位于顶部）中，所有 SCSS 都将在其中导入。通过这样做，您将不需要在其他文件中单独导入函数。例如：custom.scss 已导入 main.scss。main.scss 中声明的函数也将在 _auth.scss 文件中可用。

stylesheets/custom.scss
  @import 'main.scss';
  @import 'scss/_auth.scss';