如何强制 Jade 不缩进块标签？答案

【问题标题】：How to force Jade not to indent block tag?如何强制 Jade 不缩进块标签？
【发布时间】：2016-05-17 03:23:17
【问题描述】：

我有一个<a> 标签，里面有一个<svg> 标签。

a(href='#') Link
    svg
        use(xlink:href="icons.svg#alert")

这输出为

<a href="#">Link
    <svg>
        <use xlink:href="icons.svg#alert"></use>
    </svg>
</a>

我的问题是 Jade 的换行格式很好，意味着链接在文本和 SVG 之间有一个带下划线的空格。我已经阅读了有关使用标记插值语法将标记放入块中的信息，但仍会为 <svg> 之类的块标记插入换行符。

我有哪些选项可以删除这个带下划线的空格并将 SVG 包含在 <a> 标记中？看来我对 Jade 的换行方式没有太多控制权。它可能需要一个 CSS 解决方案？

【问题讨论】：

标签： html css pug

【解决方案1】：

编译时只需将pretty 选项设置为false。来自Jade API documentation：

pretty: boolean | string 在生成的 html 中添加空格，以便人们使用 ' ' 作为缩进更容易阅读。如果指定了字符串，则将其用作缩进（例如'\t'）。

这将有效地缩小生成的 HTML。

【讨论】：