webpack 3 загрузка изображений файл-загрузчик завершился неудачно

Question

Мне не удалось показать изображение в моем приложении реакции, в сети я вижу, что браузер пытается загрузить файл с именем 38c8e649d3c22c3ef136af6e800bfb58.PNG. Оригинальное имя отличается

im с помощью загрузчика файлов

вот мой webpack.config

var path = require('path');
var webpack = require('webpack');


module.exports = {
    node: { fs: "empty" },

    entry: 
         './Scripts/SampleModule/app.jsx'
    ,
    devtool: 'eval',
    output: {
        filename: 'bundle.js' ,
        path: path.resolve('Scripts/build') //path.resolve('dist') 
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    { loader: "style-loader" },
                    { loader: "css-loader" }
                ]
            },
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: "babel-loader"
            },
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                use: "babel-loader"
            }
            ,
            {
                test: /\.(gif|png|jpe?g|svg)$/i,
                use: [
                    'file-loader'
                ],
            }

        ]   
    },
    watch: true
};

что мне нужно изменить в веб-пакете, чтобы он работал?