Gulp-webp-html: как сделать перенос строки, при выводе кода в html?

Question

[MyQuestion]

Добрый день!

Функция, внутри gulp-webp-html, возвращает, вот такую строку:

return '<picture><source srcset="' + url + '" type="image/webp">' + imgTag + '</picture>';

Мой js, мягко говоря, не очень... Я пытался, как в сниппетах VSCode, добавить табуляцию "\t", максимум чего я добился, это пробел в html.
Мне нужно привести строку, при выводе html, к виду:

<picture>
   <source srcset="url" type="image/webp">' 
   <img src="" width="" height="" alt="">
</picture>

Как генерируемый в html код, разбить табами в js?

Comments

[Froggyweb]

зачем украшать генерируемый код? тебе надо его максимально сжать и отправить на прод

[MyQuestion]

Froggyweb, но до этого я хочу его поддерживать. Мой личный перфекционизм. Смотрю на код и с ним должно быть приятно работать.

[Froggyweb]

MyQuestion, Вообще проще написать сниппет в VS. Это будет универсальнее и выводится будет как надо. И лишний парсинг уберет.

[MyQuestion]

Froggyweb, Может быть ) Но это лениво будет ) Набирать каждый раз комбинацию, потом заполнить все вариативные и повторяющиеся данные как в img так и в picture, как минимум два раза написать имя файла. Хотя конечно, если имя изображения передавать в оба тега через повторяющийся $1, то проблемы вроде бы и нет, но всё равно это дольше, на первый взгляд. Чем если за тебя это сделает галп )

Answer 1

[Yury Kuchinsky]

return '<picture><source srcset="' + url + '" type="image/webp">\n' + imgTag + '</picture>';

Answer 2

[Дядя Толя]

как вариант попробовать заюзать gulp-format-html