title: Static images with Webpack not loading
body: <p>I am working with React using Webpack and I am having trouble getting static images to load. The loader seems to be correctly converting the image to a URL but it doesn't seem to work as the img src when the page is rendered. The relative path of the images are correct. Here is my code below:</p>
  
  <p>webpack.config.dev.js:</p>
  
  <pre><code>module: {
  loaders: [
    {
      test: /\.css$/,
      exclude: /node_modules/,
      loader: 'style-loader!css-loader?localIdentName=[name]__[local]__[hash:base64:5]&amp;modules&amp;importLoaders=1&amp;sourceMap!postcss-loader',
    }, {
      test: /\.css$/,
      include: /node_modules/,
      loaders: ['style-loader', 'css-loader'],
    }, {
      test: /\.jsx*$/,
      exclude: [/node_modules/, /.+\.config.js/],
      loader: 'babel',
    }, {
      test: /\.(jpe?g|gif|png|svg)$/i,
      loader: 'url-loader',
      options: {
        limit: 25000,
      },
    }, {
      test: /\.json$/,
      loader: 'json-loader',
    }, { 
      test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }
  ],
  },
  </code></pre>
  
  <p>React code</p>
  
  <pre><code>import React, { Component} from 'react';
  
  import styles from './Album.css';
  
  const logo = require('./img/MoP.png');
  
  export class Album extends Component{
    constructor(props){
      super(props);
  
      console.log(logo);
  }
  
  render(){
      return (
          &lt;div className = {styles.album}&gt;
              &lt;div className="row"&gt;
                  &lt;div className="col-8"&gt;
                      &lt;div className="albumInfo"&gt;
                          &lt;h6&gt; {this.props.title} &lt;/h6&gt;
                          &lt;h6&gt; {this.props.artist} &lt;/h6&gt;
                          &lt;h6&gt; {this.props.date} &lt;/h6&gt;
                          &lt;h6&gt; Rating: {this.props.rating} &lt;/h6&gt;
                          &lt;h6&gt; {this.props.comment} &lt;/h6&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className="col-4 align-self-center"&gt;
                      &lt;img src={logo}&gt;&lt;/img&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  }
  
  export default Album;
  </code></pre>
  
  <p>I have tried a bunch of different ways using the url-loader and file-loader but I haven't had any luck yet. I would appreciate some help on this!</p>
  
  <p>Thank you.</p>