webp-generate-plugin

一个用于在构建阶段自动生成 WebP 图片的 webpack 插件。支持智能删除比原图更大的 WebP 文件，适用于 webpack 4/5。

安装

npm install webp-generate-plugin --save-dev
# or
yarn add -D webp-generate-plugin

使用

const WebpGeneratePlugin = require('webp-generate-plugin');

module.exports = {
  // ...
  plugins: [
    new WebpGeneratePlugin({
      webp: {
        quality: 95
      },
      deleteIfLarger: true
    })
  ]
};

配置项

选项	说明	默认值
match	匹配需要处理的文件正则	`/.(jpe?g
disable	是否禁用插件	false
webp	传递给 sharp().webp() 的配置	{ quality: 95 }
deleteIfLarger	当 WebP 大于原图时是否删除	true

License

MIT © wangjun