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

Question

我对SASS和完善的Web开发非常陌生，如果这很明显，我事先表示歉意。我想引用一个SASS文件中的另一个函数。我真的不想导入它，因为它将再次在父文件中导入。

我的文件结构：

stylesheets / custom.scss

stylesheets / scss / _auth.scss

stylesheets / scss / _account.scss

例如，我想在_auth.scss中使用main.scss中的某些功能。我遇到的问题是custom.scss导入其他scss来组合它们。我不想交叉引用。

有人有什么建议吗？我再次对此很陌生。

Answer 1

您可以将函数和混合插入一个文件中。并将它们导入所有要导入的SCSS的主SCSS文件（在顶部）。 这样，您就无需在其他文件中分别导入函数。 例如： custom.scss已导入main.scss。在main.scss中声明的函数也将在_auth.scss文件中提供。

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