javascript - pugjs (jade 模板) - 删除 block 语句中的换行符

Question

我很难删除 pug js 模板(以前的 jade)中 each 语句中元素之间的换行符

我的代码如下所示。我希望在呈现 HTML 时 li 元素之间没有空格，因此我尝试在它们之间使用注释。

mixin nav(links)
  ul.nav <!--
    each link in links
      |-->
      li(class=(section == link.key ? 'active' : null)): a(href=link.href)= link.label
      |<!--
    |-->

现在这给了我这个结果:

<ul class="nav"><!---->
  <li class="active"><a href="/">Home</a></li><!---->
  <li><a href="/foo">Foo</a></li><!---->
  <li><a href="/bar">Bar</a></li><!---->
  <li><a href="/yada">Yada</a></li><!---->
</ul>

有什么好的方法可以告诉哈巴狗我不希望这些元素之间有空格，或者这是语言的限制？我正在使用 KeystoneJS，在开发环境中，它会告诉 pug 解释器美化 HTML。我希望产品在从开发到生产的过程中保持一致(而不是在 CSS 中编写一个被生产环境中的缩小否定的解决方法)

Answer 1

哈巴狗配置中有一个“漂亮”的属性。 如果设置为 true(默认为 false)，Pug 会在生成的 HTML 中添加空格。 这可能是您遇到问题的原因。 https://pugjs.org/api/reference.html