Webpack url加载器对图像url进行编码但破坏文件路径

Question

我在这篇关于如何setup webpack and url-loader的帖子中可以成功编码网址，但是图像路径损坏并且图像没有显示出来。我不确定自己在做什么错。我是否缺少明显的东西？感谢您提供的任何帮助。

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