title: How to use <img src> in webpack?
body: <p>When I'm trying to load an image</p>
  
  <pre><code>&lt;img class="brand" alt="Brand" width="50%" height="50%" src="/logo.jpg"&gt;
  </code></pre>
  
  <p>It produces the following error:</p>
  
  <blockquote>
    <p>logo.jpg:1 GET <a href="http://localhost:8080/logo.jpg" rel="noreferrer">http://localhost:8080/logo.jpg</a> 404 (Not Found)</p>
  </blockquote>
  
  <p><strong>webpack.config.js</strong>:</p>
  
  <pre><code>module: {   
      loaders: [
          {
              test: /\.html$/,
              exclude: /index\.html$/,
              loader: 'html-loader?root=./assets/images&amp;interpolate&amp;name=./views/[name].[ext]'
          },
          {
              test: /\.(png|jpg|jpeg|gif)$/,
              loader: 'url-loader?limit=10000&amp;name=./assets/images/[name].[ext]'
          }
      ]
  }
  </code></pre>