Wie erzwinge ich, dass Jade den Block-Tag nicht einrückt?

Question

Ich habe ein <a> Tag mit einem <svg> Tag innerhalb es.

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

Diese gibt als

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

Mein Problem dabei ist das Line-Break Jade schön mit Formaten bedeutet, dass der Link hat einen Raum zwischen dem Text und dem SVG unterstrichen. Ich habe gelesen, dass die Tag-Interpolationssyntax verwendet wird, um ein Tag innerhalb eines Blocks zu platzieren, aber für Block-Tags wie <svg> wird immer noch ein Zeilenumbruch eingefügt.

Welche Optionen habe ich, um diesen unterstrichenen Bereich zu entfernen und das SVG innerhalb des Tags <a> zu haben? Es scheint, dass ich nicht viel Kontrolle darüber habe, wie Jade Zeilenumbrüche macht. Möglicherweise muss es eine CSS-Lösung sein?

Answer 1

Setzen Sie die Option pretty beim Kompilieren auf false. Von Jade API documentation:

pretty: Fügt boolean | string Leerzeichen zu dem resultierenden HTML, um es einfacher für einen Menschen mit ' ' als Vertiefung zu lesen. Wenn eine Zeichenfolge angegeben ist, wird diese stattdessen als Einrückung verwendet (z. B. '\t').

Dadurch wird effektiv das resultierende HTML minimiert.