Как настроить Webpack для работы с изображениями?

module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|jpe?g|gif|svg)$/i,
        type: 'asset', // Автоматически выбирает между копированием файла и внедрением данных base64
      },
    ],
  },
};

module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|jpe?g|gif)$/i,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '[path][name].[ext]', // Настройка имени файла
            },
          },
        ],
      },
    ],
  },
};

const ImageMinimizerPlugin = require('image-minimizer-webpack-plugin');
module.exports = {
  plugins: [
    new ImageMinimizerPlugin({
      minimizerOptions: {
        plugins: ['mozjpeg', 'pngquant'],
      },
    }),
  ],
};