如何为支持内容块的Sass混合宏创建别名/定义多个名称？

这个问题我之前也碰到过！原因很简单：你定义的large-breakpoint混合宏没有处理内容块的传递——它只是单纯调用了desktop-breakpoint，但没把自己收到的内容块传过去，所以Sass会认为它不接受内容块参数。

正确的实现方式 #

你只需要修改large-breakpoint的定义，让它显式接收并传递内容块给底层的desktop-breakpoint即可：

@mixin desktop-breakpoint { 
  @media only screen and (min-width: 769px) { 
    @content; 
  } 
}

// 修改这里：在内部调用时传递@content
@mixin large-breakpoint {
  @include desktop-breakpoint {
    @content;
  }
}

为什么这样能解决问题？ #

原来的large-breakpoint定义相当于创建了一个**不接受任何参数（包括内容块）**的混合宏，当你试图通过@include large-breakpoint { ... }传递内容块时，Sass就会抛出“不接受内容块”的错误。

修改后的版本通过在内部调用desktop-breakpoint时传入@content，相当于让large-breakpoint具备了接收内容块并转发的能力，和desktop-breakpoint的行为完全一致。

验证你的使用代码 #

现在你原来的使用代码就能正常编译了：

.my-class { 
  font-size: small; 
  @include desktop-breakpoint { font-size: big; } 
}
.my-other-class { 
  color: red; 
  @include large-breakpoint { color: blue; } 
}

额外：模块系统下的更优方案 #

如果你的项目使用Sass模块系统（通过@use/@forward导入），还可以直接给混合宏起别名，不用重新定义：

// 在你的断点文件（比如breakpoints.scss）中
@mixin desktop-breakpoint { 
  @media only screen and (min-width: 769px) { 
    @content; 
  } 
}

// 直接导出别名
@forward '.' as * with (
  $large-breakpoint: desktop-breakpoint
);

这样在导入模块时就能直接使用large-breakpoint作为别名了。

内容的提问来源于stack exchange，提问作者Remi Sture