URL-загрузчик Webpack кодирует URL-адрес изображения, но нарушает путь к файлу

Question

Я следую этому сообщению о том, как настроить webpack и url-загрузчик может успешно кодировать URL, но путь к изображению не работает и изображение не отображается.Я не уверен, что я делаю неправильно.Я что-то упускаю из виду?Спасибо за любую помощь, которую вы можете оказать.

webpack.config

{
        test: /\.(gif|png|jp(e*)g|svg)$/,
        use: [{
          loader: 'url-loader',
          options: {
            limit: 1000000,
            name: 'images/[hash]-[name].[ext]',
          }
        }]
}

index.js

import homeIcon from '../images/image-file.png';
var homeImg = document.getElementById('home');
homeImg.src = homeIcon;

index.html

Структура файла

src
  js
    index.js
  images
      image-file.png