javascript - Webpack imagemin 插件可以压缩 jpg、png 并创建 webp？

Question

我正在尝试找出如何使用 webpack 压缩图像的最佳方式。我正在寻找一种方法来压缩 .jpg(有损)、.png，并为每个 jpg/png 文件创建 .webp 文件。

我试过https://github.com/itgalaxy/imagemin-webpack这似乎适用于输出 .jpg 和 .png 文件，但我无法开始输出 .webp，即使它说它应该支持其他 imagemin-packages。

我当前该插件的配置是:

const imageMinPlugin = new ImageminPlugin({
    imageminOptions: {
        plugins: [
            ['webp', { quality: 50 }],
            ['mozjpeg', { quality: 10 }],
            ['pngquant', { quality: [0.9, 0.95]}],
        ]
    }
});

但它似乎完全忽略了“webp”部分，没有错误或任何东西。有没有更好的方法使用 webpack 来压缩图像来满足我的要求？或者我需要以不同的方式做到这一点？

Answer 1

已经有答案 here尽管问题并不完全相同。

我猜你错过的是imageminWebp函数。您可以在链接的存储库中查看它(webpack.common.js lines 22-26)。