Как форматировать pug на выходе?

Question

[Дмитрий]

Доброго всем времени. Тема знаю была на тостере. Но может уже появилось решение. Как форматировать код можно на выводе из PUG. Так то он форматируется но инлайновые элементы все идут в строку например такие как ссылки все фигачит в строку. Попросили сверстать но чтобы именно HTML был красив и понятен. Вот задумался об этой теме.

https://www.npmjs.com/package/gulp-html-beautify вот такой есть плагин но не понятно как то с настройками. Может кто разберется как его настроить можно. Да и у кого с инглишем получше я что то не очень понял пока по настройки.

Потом есть такая статья 4webfan.ru/pug-gulp тут правда можно просто на выводе сделать из инлайновых элементов блочные.. Так себе решение но хоть что то)

вот в общем может кто поможет

Answer 1

[Дмитрий]

https://github.com/jonschlinkert/gulp-prettify/blo...

стати вот еще нашел плагин. Тоже можно настраивать исключения как обрабатывать тэги.

И похоже это все варианты. Да и по сути что еще придумаешь тут.
Но этот и 4webfan.ru/pug-gulp этот работают уже лучше код на выходе можно получить

Answer 2

[Andrey Tsvetkov]

Нужно при компиляции в options задать параметр pretty=true

если вы рендерите через Express, то достаточно вызвать это app.locals.pretty = true;

если не через экпресс, то как-то так pug.compileFile('template.pug', {pretty:true})

Comments

[Дмитрий]

да не поняли вы проблему) это не помогает
после pug инлайновые элементы идут так

<a class="top-nav__link top-nav__link_active" href="#"><i class="ic"></i><span>Главная</span></a>

А хотелось бы как то так

<a class="top-nav__link top-nav__link_active" href="#">
         <i class="ic ic_house"></i>
         <span>Главная</span>
</a>

[Andrey Tsvetkov]

Именно за это и отвечает параметр pretty

[Дмитрий]

Andrey Tsvetkov, да нет.. Если бы было все так просто не было бы подобных тем) pretty = false тогда весь документ в одну строку. pretty = true тогда html форматируется но inline элементы всеравно в одну строку будут.