如何更改 webpack 5 中输出图像的路径？

Question

我在文件夹“src/assets/img/”中有一些图片。我想保留图片的相对路径。
示例：before -> after

我的 webpack 配置的一部分：

const config = {
  entry: {
    app: './src/app.js',
  },

  output: {
    path: path.resolve(__dirname, './dist'),
    filename: '[name].js',
    assetModuleFilename: 'assets/[name][ext]',
    clean: true,
  },

  // ...
  module: {
    rules: [
      // ...
      {
        test: /\.(png|svg|jpg|jpeg|gif)$/i,
        use: {
          loader: 'image-webpack-loader',
          options: {
            disable: !isProduction,
            mozjpeg: {
              progressive: true,
              quality: 80,
            },
            optipng: {
              optimizationLevel: 3,
            },
            pngquant: {
              quality: [0.7, 0.9],
              speed: 4,
            },
          },
        },
        type: 'asset/resource',
        generator: {
          filename: 'assets/img/[name][ext]',
        },
      },
    ],
  },
  // ...
};

但是里面的所有文件夹都在删除 -> like this
我确定这是关于

generator: { 
  filename: 'assets/img/[name][ext]' 
}

但是我什么都没找到