title: IMAGE: You may need an appropriate loader to handle this file type
body: <p>I can't figure what is the proper loader to load images in ReactJS webpack,</p>
  
  <p>May you give me a hand?
  I get this error:</p>
  
  <pre><code>Module parse failed: /Users/imac/Desktop/fakeeh/imgs/logo.png Unexpected character '�' (1:0)
  You may need an appropriate loader to handle this file type.
  </code></pre>
  
  <p>Here is webpack config:</p>
  
  <pre><code>const path = require('path');
  
  
  module.exports = {
    // the entry file for the bundle
    entry: path.join(__dirname, '/client/src/app.jsx'),
  
    // the bundle file we will get in the result
    output: {
      path: path.join(__dirname, '/client/dist/js'),
      filename: 'app.js',
    },
  
    module: {
  
      // apply loaders to files that meet given conditions
      loaders: [{
        test: /\.jsx?$/,
        include: path.join(__dirname, '/client/src'),
        loader: 'babel-loader',
        query: {
          presets: ["react", "es2015", "stage-1"]
        }
      }],
    },
  
    // start Webpack in a watch mode, so Webpack will rebuild the bundle on changes
    watch: true
  };
  </code></pre>
  
  <p>Much appreciated!!</p>