css - 您可以在不导入所有内容的情况下从另一个文件引用 SASS 函数吗？

Question

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

我的文件结构:

样式表/custom.scss

样式表/scss/_auth.scss

样式表/scss/_account.scss

例如，我想在 _auth.scss 中使用 main.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';