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

Question

我很难each在哈巴狗js模板(以前称为jade)的语句中删除元素之间的换行符

我的代码看起来像这样.我想在li呈现HTML时在元素之间没有空格,所以我试图在它们之间使用注释.

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,它在开发环境中会告诉哈巴狗解释器美化HTML.我希望产品在开发到生产之间保持一致(而不是在CSS中编写一种由生产环境中的缩小否定的解决方法)

Answer 1

去除|（竖线）字符和注释。如果仍然有新行，那么是 Keystone.js 生成了新行。

\n\n

删除该字符的原因|是因为根据PugJS 官方网站，

\n\n

\n

您可以添加一个或多个空管道线 \xe2\x80\x94 一个管道，其后可以有空格，也可以不包含任何内容。这将插入空格在渲染的 HTML 中

\n

\n