帕格（玉）額外的空間添加格式化標籤之間吞噬建設

Question

我使用Gulp，webpack和帕格（玉）。問題在於dist-code由於在構建時格式化而具有額外的空間。

僞代碼：

label 
    each item in items 
    span 
     if kkk == 2 
     =item[1] 
     else 
     abbr(title='ttttttt') 
      =elem 

所得（DIST）。html的是這樣的：

<label for="ааааа">set to 
    <abbr title="Scalable Vector Graphics">SVG/</abbr> 
    <abbr title="Joint Photographic Experts Group">JPEG</abbr> 
</label> 

，看起來像：

設置爲SVG/JPEG

後如何 '/' 刪除空格，或改變一些東西，使它看起來像：

設置爲SVG/JPEG

這裏是我的代碼：

+mixin dd['svg', 'sdf sdfsdsd SVG', , , , [['Scalable Vector Graphics', 3]]], 

mixin dd(list) 
- var words = []; 
- var abbr = []; 
each item, i in list 
//-.... 
    - var words = []; 
    - var abbr = []; 
    +e.INPUT(id= it[0]) 
    +e.LABEL(for=it[0]) 
     - words = item[1].match(/[^\s\/]+\/?/g) 
     each elem, i in words 
      if it[3] != undefined && it[3].indexOf(i + 1) != -1 
       +e.SPAN 
        +other(it[5], abbr, i, words.length, elem) 
      else 
       +other(it[5], abbr, i, words.length, elem) 

mixin other(abbrs, abbr, i, wordslength, elem) 
    if abbrs != undefined && abbrs.some(elem => (abbr = elem)[1] == (i + 1)) 
     abbr(title= abbr[0]) 
      =elem 
     else 
      =elem 

換言之，需要使

<abbr title="Scalable Vector Graphics">SVG/</abbr> 
<abbr title="Joint Photographic Experts Group">JPEG</abbr> 

是所得的構建（DIST）代碼內的一個行：

<abbr title="Scalable Vector Graphics">SVG/</abbr><abbr title="Joint Photographic Experts Group">JPEG</abbr> 

display：inline-block;什麼都不變。檢查了其他幾個類似的問題 - 與這個問題無關。

Answer 1

恐怕周圍沒有優雅的方法。

如果您想要快速解決方案，我推薦setting the font size of the parent element to 0。

如果你想從Pug的角度來解決它，也許嘗試在帕格（{ pretty: false }）禁用prettified HTML輸出？不知道在這種情況下它是否會修復它，但它可能（但是，由此產生的HTML不再漂亮了）。