Почему выходной файл веб-пакета содержит пути к файлам? Как это убрать?

Question

Ниже приведен файл конфигурации - webpack.config.js:

const path = require('path')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const HTMLWebpackPlugin = require("html-webpack-plugin")

module.exports = {
  entry: path.resolve(__dirname, './src') + '/index.js',

  output: {
    publicPath: '',
    path: path.resolve(__dirname, './dist'),
    filename: 'js/[name].bundle.js',
  },

  module: {
    rules: [
    {
      test: /\.(gif|png|jpe?g|svg)$/i,
      use: [
      {
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]',
          context: 'src'
        }
      }],
    }],
  },

  plugins: [
    new CleanWebpackPlugin(),
    new HTMLWebpackPlugin()
  ]
};

Я использую эту строку в index.js для загрузки файлов изображений:
require.context("./img/", true, /\.(gif|png|jpe?g|svg)$/i).

На конец файла main.bundle.js:

function u (e) {
  if (!r.o(n, e)) {
    var t = new Error("Cannot find module '" + e + "'");
    throw t.code = "MODULE_NOT_FOUND", t
  }
  return n[e]
}
o.keys = function() { return Object.keys(n) },
o.resolve = u, e.exports = o, o.id = 1},
function(e, t, r) {
  "use strict";
  r.r(t), t.default = r.p + "img/test.jpg"
}]);

Насколько я понимаю, require.context добавляет все файлы путей к полученному файлу - main.bundle.js:. Как убрать их оттуда? И почему написано, что MODULE_NOT_FOUND? И вообще, как лучше всего добавить все изображения?