gulp-webp-in-html-lite-version

This is a modified version of the plugin gulp-webp-html & gulp-webp-html-nosvg. Here was fixed thebug that added two dots before webp to the final html file. No SVG format.

Example

// Input
<img src="/images/catalogImage.jpg" />

// Output
<picture>
  <source srcset="/images/catalogImage.webp" type="image/webp" />
  <img src="/images/catalogImage.jpg" />
</picture>

// Input
<img src="/images/catalogImage.svg" />

// Output
<img src="/images/catalogImage.svg" />

Install

npm i --save-dev gulp-webp-html-nosvg-lv

Usage

let webphtml = require("gulp-webp-html-nosvg-lv");

gulp.task("html", function () {
  gulp.src("./assets/**/*.html").pipe(webphtml()).pipe(gulp.dest("./public/"));
});