title: Webpack image loader Error
body: <p>I'm having trouble trying to import images to my project receiving this error when bulding: Module parse failed: C:\Users\Angelo\OptaService\OptaService\images\ImageTest.png Unexpected character '�' (1:0)
  You may need an appropriate loader to handle this file type.</p>
  
  <p>This is my webpack configuration:</p>
  
  <pre><code>module: {
      rules: [
          {test: /\.(js)$/, use: 'babel-loader', exclude: /node_modules/},
          {test: /\.css$/, use: ['style-loader', 'css-loader']},
  
      ],
      loaders: [ {
          test: /\.js|.jsx?$/,
          exclude: /(node_modules|bower_components)/,
          loader: 'babel-loader',
      }, {
          test: /\.(jpe?g|png|gif|svg)$/i,
          loaders: [
              'file?hash=sha512&amp;digest=hex&amp;name=[hash].[ext]',
              'image-webpack?bypassOnDebug&amp;optimizationLevel=7&amp;interlaced=false'
          ]
      } ]
  },
  </code></pre>
  
  <p>I've already npm installed image-webpack-loader and file-loader.
  Also i'm importing the images in the component like this:</p>
  
  <pre><code>import image from './../../images/ImageTest.png';
  </code></pre>
  
  <p>...</p>
  
  <pre><code>&lt;img className="img-fluid" src={image} alt="OptaService Logo"/&gt;
  </code></pre>
  
  <p>Thanks in advance! </p>