Почему htmlWebpackPlugin не обрабатывает картинки?

Использую HTML Webpack Plugin для обработки html. Он отрабатывает, и вставляет стили и скрипты как надо, но он не обрабатывает src у картинок.
То есть он оставляет путь и имя файла, а при сборке webpack изменяет имена файлов.

мой конфиг

module.exports = {
  entry: './src/scripts/index.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      // imgaes
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: [
          'file-loader',
        ]
      },
    ]
  },
  plugins: [

    //обработка html страниц
    ...glob.sync('src/html/*.html')
    .map(html => new HtmlWebpackPlugin({
      filename: path.basename(html),
      template: html
    })),
  ]
};

Структура проекта
./src/img/ -- картинки
./src/html/*.html -- html файлы.

Возможно мой подход неверный? Подскажите, что не так