Pug使用block关键字时Mixin生成换行字符，如何解决？

问题场景 #

定义如下Pug Mixin：

mixin article
  div
    if block
      block

+article Test

调用该Mixin传入文本“Test”后，生成的HTML在浏览器查看时看似仅为一个空格，但编辑文本节点时会发现存在多余换行：

<div>Test
                </div>

解决方法 #

下面提供几种实用的消除多余换行的方式：

• 使用空白控制符-
  在Mixin的div标签末尾添加-，可以阻止Pug自动生成的空白和换行：

  mixin article
    div-
      if block
        block
  
  +article Test
  

  生成的HTML会变成干净的<div>Test</div>。

• 改用文本插值语法
  如果这个Mixin主要用于渲染文本内容，可以直接用=进行插值，替代block的使用：

  mixin article(text)
    div= text
  
  +article('Test')
  

  这种写法不仅避免了多余换行，代码逻辑也更清晰。

• 调整block的空白控制
  也可以在block的末尾添加-，来抑制换行生成：

  mixin article
    div
      if block
        block-
  
  +article Test
  

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