How to fix Gulp compilation of inline elements from Pug(ex-JADE) to HTML?

Question

HTML

Good day.
Can you please tell me how to make it so that when compiling Gulp from .pug files to .html, links and spans are wrapped on a new line?
This is how the .pug code looks like

This is how it compiles to .html

And I want the html to look like this:

Here is the gulp-task responsible for compiling pug files.

Answer 1

It seems to me that we need to look towards gulp plugins that format html after pug compilation. Something like gulp-html-beautify

Answer 2

#answer_844626

Answer 3

Or use the indentation character ' | ', here is the documentation .

|
a(href='#')lorem
|
|
a(href='#')ipsum
|
|
a(href='#')dolor