webp-converter-webpack-plugin v1.0.6

install

yarn add webp-converter-webpack-plugin

use

const WebpPlugin = require("webp-converter-webpack-plugin");

  plugins: [
   ...,
    new WebpPlugin({
      quality: 0.8,
      changeName: false,
      enabled: true,
      log: true,
      limit: 1024 * 32,
      imageReg: /\.(png|jpg|jpeg|webp)$/i
    }),
  ],

notice

if you use changeName, you need to config url-loader to change image name too.

{
  test: /\.(png|jpg|jpeg|ico|webp)$/i,
  use: {
    loader: "url-loader",
    options: { limit: 8192, name: "[hash].webp" },
  },
},

result