title: browserify throwing error: Unexpected character '�' (1:0) while parsing file: image.png
body: <p>This sounds absolutely ridiculous but I cannot, for the life of me, display an inline image in my angular project scaffolded by webpack. Every time I use a valid path to the image (in either the <code>&lt;img&gt;</code> tag or in my <code>require('/app/image.png')</code> I get the error:</p>
  
  <blockquote>
    <p>Unexpected character '�' (1:0) while parsing file: /app/image.png</p>
  </blockquote>
  
  <p>I have tried using just about every image loader, file loader, static loader, etc. i've tried different images and different locations for those images. Where am I going wrong?</p>
  
  <p>Here's my current image loader from webpack.config.js:</p>
  
  <pre><code>{
    test: /\.png$/, 
    loader: "url-loader?limit=8192"
  }
  </code></pre>
  
  <p>I see all these reference to including the loader in the require statement like:</p>
  
  <pre><code>require("url?limit=10000!/app/image.png");
  </code></pre>
  
  <p>Anytime i try anything similar in my /app/scripts/main.js file, I get this error:</p>
  
  <blockquote>
    <p>Cannot find module 'url?limit=10000!/app/image.png' from '/Users/dmp/bidder-client/app/scripts'</p>
  </blockquote>
  
  <p>I'm very confused :/</p>