Webpack imagemin 插件来压缩 jpg、png 和创建 webp?

Question

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

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

我目前对此插件的配置是：

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

但它似乎完全忽略了"webp"部分，没有错误或任何东西。 有没有更好的方法来使用 webpack 压缩图像来满足我的要求？还是我需要以不同的方式执行此操作？

Answer 1

这里已经有一个答案，尽管问题并不完全相同。

我想你错过的是imageminWebp功能。您可以在链接存储库(webpack.common.js第 22-26 行中查看它。