Q:

React Web-App show Blank or not Rendering after add Url-loader

My React Web-app was ok with wabpack Before add url-loader.
But when I add url-loader it show blank or not Rendering anything.
MY Project File Link with Github 
MY webpack.config.js Files
module: {

        // After add this code app show blank
        // ************************************
        loaders: [
            {
                test: /\.(js|.jsx|jpe?g|png|gif|svg|woff|woff2|eot|ttf)$/i,  // a regular expression that catches .js files
                exclude: /node_modules/,
                loader: 'url-loader',

            },

       // **************************
            {
                test: /\.(js|.jsx|jpe?g|png|gif|svg|woff|woff2|eot|ttf)$/i,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel-loader',
                query: {
                    presets: ['react','es2016', 'stage-0',],
                    plugins: ['react-html-attrs', 'transform-decorators-legacy', 'transform-class-properties'],
                }
            },
        ]
    },

Console.log

A:

Both rules have the exact same test regular expression, which means that they will be applied to the same files and this causes a conflict. In your case it used url-loader for your JavaScript files and url-loader will give you a Data URL instead of JavaScript that could be executed.
You should not have conflicting rules and you should only match the files that are meaningful to pass through the loader. For example babel-loader is only for JavaScript, everything else will fail, therefore it should never be applied to anything but JavaScript.
Your rules might look likes this (I changed it to use webpack 2+ syntax, for details have a look at the official migration guide).
module: {
    rules: [
        {
            // For images and fonts.
            test: /\.(jpe?g|png|gif|svg|woff|woff2|eot|ttf)$/i,
            exclude: /node_modules/,
            loader: 'url-loader',
        },
        {
            // For JavaScript files (.js and .jsx)
            test: /\.jsx?$/i,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel-loader',
            options: {
                presets: ['react','es2016', 'stage-0',],
                plugins: ['react-html-attrs', 'transform-decorators-legacy', 'transform-class-properties'],
            }
        },
    ]
}

