pug 在使用 block 关键字时在 mixin 中创建换行符

Question

这个例子

mixin article
  div
    if block
      block

+article Test

检查代码时，它看起来像一个空格，但如果我们开始编辑文本节点，我们将看到这一点：

<div>Test
                </div>

如何摆脱这个？

Answer 1

在 Pug 中似乎没有办法避免这种情况，但由于 HTML 处理空格的方式，它不应该影响页面向最终用户显示的方式。

您可以考虑在 Pug 运行后运行一个 html 格式化包来清理 Pug 的输出。

---

此外，如果你的块实际上是一个字符串，你可以使用 mixin 参数来代替（但我怀疑实际上是这样）：

mixin article(text)
  div #{text}

+article('Test')

<div>Test</div>