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|png)$/i | | disable | 是否禁用插件 | false | | webp | 传递给 sharp().webp() 的配置 | { quality: 95 } | | deleteIfLarger | 当 WebP 大于原图时是否删除 | true |

License

MIT © wangjun