Доброго времени суток!
Пытаюсь настроить Gulp на работу с Wordpress. Проблема в ссылках на кртинки.
WP нужно указывать полный путь, типо:
src="<?= get_template_directory_uri().'/assets/images/picture.jpg' ?>"
но в таком случае тупит gulp-webpHtml - модуль, который подключает webp картинки, если браузер их поддерживает.
Пришла мысль в момент выгрузки html файла подменить ссылки, только вот тупой я в регулярках.
Стоит gulp-replace. Нужно в момент выхрузки у всех [src, srcset, xlink:href] заменить url.
пример:
<svg>
<use xlink:href="./assets/images/sprite.svg#tollbar"></use>
</svg>
<picture>
<source srcset="./assets/images/picture.webp" type="image/webp">
<img src="./assets/images/picture.png" type="image/png">
</picture>
заменить на
<svg>
<use xlink:href="<?= get_template_directory_uri().'/assets/images/sprite.svg#tollbar' ?>"></use>
</svg>
<picture>
<source srcset="<?= get_template_directory_uri().'/assets/images/picture.webp' ?>" type="image/webp">
<img src="<?= get_template_directory_uri().'/assets/images/picture.png' ?>" type="image/png">
</picture>
Help пожалуйса!