title: webpack reference image not found using loader
body: <p>I use less, this is my config of webpack 2.</p>
  
  <pre><code>{
      test: /\.less$/,
      use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: ['css-loader','less-loader']
      })
  }
  </code></pre>
  
  <p>It worked well but image is missing when I have background image value like this in my less file</p>
  
  <pre><code>.section-one{
      background-color: @red500;
      background-image: url(/images/landing/header.jpg);
      background-position: center;
  }
  </code></pre>
  
  <p>I have error of </p>
  
  <blockquote>
    <p>GET <a href="http://localhost:8080/images/landing/header.jpg" rel="nofollow noreferrer">http://localhost:8080/images/landing/header.jpg</a> 404 (Not Found)</p>
  </blockquote>
  
  <p>in my chrome console since I used webpack dev server</p>