import - 为什么不到处导入所有依赖项？

Question

我学习了高级 sass/(s)css 课程，他们向我解释了 7-1 架构等。这一切都说得通，但是讲师拒绝在每个文件中导入依赖项，我不明白为什么。教练简单地回答“这是可扩展的，这是大男孩的做法，所以你应该这样做”......但我不明白为什么？

主文件

@import "abstracts/variables";
@import "layout/grid";

摘要/_variables.scss

$gutter-horizontal: 6rem;

布局/_grid.scss

  // Note that this file does NOT import _variables.scss
  .col-1-of-2 { width: calc((100% - #{$gutter-horizontal}) / 2); } // uses a variable from _variables.scss

main导入其他 2 但_grid不导入_variables。是的，它仍然可以工作，因为 main 在导入_grid之前导入了_variables。

但我不明白的部分：如果有一天我制作另一个名为admin-area-main.scss 的文件，该文件导入_grid但我忘记导入_variables ......当然，这是一个简单的例子，但在某些时候你可能会有几十个嵌套导入，我想知道将所有代码放入自己的单独文件中有什么意义，但是，我仍然使它们相互依赖，并且还要求未来的程序员了解所有这些依赖关系？为什么我不应该简单地添加 @import "abstracts/variables"; 到_grid文件，以便我以后可以在任何地方使用它？

不添加这些导入也会破坏某些编辑器中的错误检查和代码完成。

请注意，就个人而言，我可能更喜欢制作一个_variables-grid文件，而不是一个非常大的_variables文件。

标签： importsass