Как поправить компиляцию Gulp-ом инлайновых элементов из Pug(ex-JADE) в HTML?

Question

[Odinokun]

Доброго времени суток.
Подскажите пожалуйста, как сделать, что бы при компиляции Gulp-ом из файлов .pug в .html, ссылки и span-ы переносились на новую строку?

Вот так выглядит код.pug

Вот так он компилируется в .html

А хочется что бы html выглядел вот так:

Вот gulp-task отвечающий за компиляцию pug-файлов.

Answer 1

[Ден Тоцкий]

Мне кажется надо смотреть в сторону gulp плагинов которые форматируют html уже после pug компиляции. Что то типо gulp-html-beautify

Comments

[Odinokun]

Gulp-html-beautify подглючивал.
Нашел аналог - gulp-prettify.
Спасибо за наводку.

Answer 2

[Олег]

#answer_844626

Answer 3

[Георгий Бухаров]

Либо используйте символ отступа ' | ', вот документация.

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

Comments

[Odinokun]

Ну учитывая то, что я все-равно юзаю Gulp для сборки, проще использовать плагин чем городить частокол из дополнительных символов ))).
Особенно учитывая то, что скомпилированный html я вообще почти никогда не смотрю и заморачиваюсь с форматированием по причине непреодолимого внутреннего перфекционализма )).

Но за инфу спасибо. Возможно пригодится в каких-то особо запущенных случаях.

[Рафис Багаутдинов]

Дмитрий: это не просто заморочки.
Например, в моем случае идут в ряд 3 ссылки, между ними нормальный пробел как между обычными словами. Но если файл минифицирован, этих пробелов нет