@Richard-08

Использование изображений в формате WEBP, использование webpack плагина?

Можно ли через плагин вмешаться в html, найти все , конвертировать картинки из них в webp и заменить на тег для совместимости?

Есть такое решение с использованием плагинов imagemin и imagemin-webp. Т.е плагин конвертирует имеющие в папке images в формат webp. С этим все понятно.
5f7da6c6cd9de734983562.png
Потом для изменения тегов используем плагин string-replace-webpack-plugin 5f7da78ce510e749467556.png
И этот подход работает только тогда, когда мы указываем путь изображений в компоненте статически, т.е. <img src="../assets/images/1.jpg" alt="">, и получаем в выходе
<picture>
  <source srcet='../assets/images/1.webp'>
  <img src="../assets/images/1.jpg" alt="">
</picture>

Но не получится так изменять динамические изображения, например
<img :src="myImg" alt="">
import myImg from '../assets/img/1.jpg'
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 1
@RokeAlvo
не формирует webp или не меняет разметку?

а вообще проще проблему webp решить на nginx
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы