How to resolve *url-loader* path?
<p>There's a HTML-file deep in the tree structure. It has this line:   </p>

<pre><code>&lt;img src="../../images/call.svg"&gt;
</code></pre>

<p>How can I tell Webpack to look for this file in <code>images</code> folder without using long path like that?
I need any <code>img</code> element on any HTML-file located at any position in the tree to resolve to <code>images</code> folder, so that I could make something like:</p>

<pre><code>&lt;img src="images/call.svg"&gt;
</code></pre>

<p>Here's my configuration file:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var path = require('path');
module.exports = {
 entry: './src/app.js',
 output: {
  path: './dist',
  filename: 'bundle.js'
 },
 module: {
  loaders: [
   { 
    test: /\.html$/, 
    loader: "html-loader" 
   },
   {
    test: /\.(jpe?g|png|gif|svg)$/i,
    loader: 'url'
   }
  ]
 }
};</code></pre>
</div>
</div>
</p>