Tengo el siguiente archivo webpack.config.js , desde esta configuración logré comprimir todas las imágenes que se consumen de los archivos css.

Pero también quiero comprimir todas las imágenes que estoy copiando en la carpeta dist.

 const CopyPlugin = require("copy-webpack-plugin"); module.exports = { module: { rules: [ { test: /\.css$/i, use: ['style-loader', 'css-loader'], }, { test: /\.(gif|png|jpe?g|svg)$/i, use: [ 'file-loader', { loader: 'image-webpack-loader', options: { mozjpeg: { progressive: true, }, // optipng.enabled: false will disable optipng optipng: { enabled: false, }, pngquant: { quality: [0.65, 0.90], speed: 4 }, gifsicle: { interlaced: false, }, // the webp option will enable WEBP webp: { quality: 75 } } }, ], } ], }, plugins: [ // copying static assets to dist directory, i want these images to be compressed as well new CopyPlugin({ patterns: [{ from: "source/images", to: "images" } ], }) ]};

¿Cómo puedo lograr esto en webpack 5?

Vi este buen artículo ( https://web.dev/codelab-imagemin-webpack/ ) que explica cómo se puede lograr esto, pero parece que imagemin-webpack-plugin no se actualizó recientemente.