如何强制Jade不缩进块标记?

时间:2016-05-16 18:18:44

标签: html css pug

我有一个<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之间有一个带下划线的空格。我已经阅读过使用Tag Interpolation语法将标记放入块中,但仍然为<svg>等块标记插入换行符。

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

1 个答案:

答案 0 :(得分:1)

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

  

prettyboolean | string在生成的html中添加空格,以便人们更容易使用' '作为缩进进行阅读。如果指定了字符串,则会将其用作缩进(例如'\t')。

这将有效地使得结果HTML缩小。