title: How to use webpack with static image files?
body: <p>I am using webpack to bundle .vue files, which use <code>import</code> and <code>export</code>. Webpack creates a nice <code>bundle.js</code> and that's all fine and dandy.</p>
  
  <p>BUT when my Vue file mentions an image, for example:</p>
  
  <pre><code>&lt;div&gt;
       &lt;img src='./images/thing.png'&gt;
  &lt;/div&gt;
  
  .style {
     background: url('./images/anotherthing.png');
  }
  </code></pre>
  
  <p>Now, suddenly this image needs to be in my dev folder as well, and webpack wants to copy ALL my image files each and every time I update one character in one javascript file. Also, not ALL my images are imported this way, so I have to copy some files manually to the dist folder, and webpack also copies some files... </p>
  
  <p>Can I tell webpack not to bundle static image files that never change? Is that even recommended? </p>