Webpack imagemin插件可压缩jpg，png并创建webp？

Question

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

我尝试了https://github.com/itgalaxy/imagemin-webpack，它似乎可以输出.jpg和.png文件，但是即使它说它应该支持其他imagemin-packages，我也无法输出.webp。

此插件的当前配置为：

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）中检出。