title: Error trying to get local images in .vue files with my own webpack config
body: <p>The real deal is that I’m learning webpack and trying to create my own vue template
  but I’m getting this issue that not happens in webpack-simple or others templates, and my config for images is pretty similar to what is normally used by templates.</p>
  
  <pre><code>{
      test: /\.(png|jpe?g|gif)$/i,
      use: {
          loader: 'file-loader',
          options: {
              name: '[name].[ext]',
              outputPath: './assets/',
          },
      },
  }
  </code></pre>
  
  <p>I got the following error</p>
  
  <blockquote>
    <p><a href="http://localhost:8080/[object%20Module]" rel="nofollow noreferrer">http://localhost:8080/[object%20Module]</a> 404 (Not Found)</p>
  </blockquote>
  
  <p>When I try to get the logo in App.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;img src="./assets/logo.png"/&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>A fact is that when I use his “dependency” name or hash given by webpack the image is called right.</p>
  
  <p>But the vue docs say that calling as I do has to work as work like in webpack-simple template since the call will be parsed by the webpack. </p>
  
  <p>I don’t know if it helps, but I can import the img from path with import img from <code>'./assets/logo.png'</code> just with the HTML in template that I get this problem.</p>