Question

在javascript中，我通常会按照以下方式编写代码以使代码清理。

(function(){

  doThing1(()=>{doThing2()});
  doThing3();

  function doThing1(){...}
  function doThing2(){...}
  function doThing3(){...}

})();

通过将函数移动到最后，只需查看第一行就可以让其他开发人员阅读，以确定主函数的工作原理。

我的问题是如何在sass中执行此操作？

我尝试关注并且不起作用：

@include style1();
@include style2();
@include style3();

@mixin style1(){}
@mixin style2(){}
@mixin style3(){}

投诉找不到名为'style1'的mixin

Answer 1

你不能完全按照你的要求去做，因为Sass仍然在CascadingStyleSheets的级联部分工作。下面的内容将覆盖上面的内容，或者在这种情况下，它使用上面的内容。

仍然有一种方法可以将你的逻辑与你的实现分开，通过局部分。如果您将所有mixin放在一个scss文件_mixins.scss中，那么您可以在实际样式规则的顶部@import。这样有人可以跳进你的项目，看到你正在使用一些假设的@include make-container(); mixin，然后只有当他们确实需要看看它是如何工作时才进入mixins文件。

你有类似的东西：

@import "mixins";

@include style1();
@include style2();
@include style3();

Here's a good article talking about the general ideas of Sass file organization and partials

提升混合使用？

1 个答案: