title: Serving static assets during development with WebPack
body: <p>I'm new to WebPack and React, and am having an issue getting my settings correct.</p>
  
  <p>My directory structure is:</p>
  
  <pre><code>/project/
    /src/
      index.html
      app.js
    /static/
      /images
  </code></pre>
  
  <p>My "output" WebPack config section is:</p>
  
  <pre><code>output: {
    filename: 'bundle.js',
    path: path.join(__dirname, 'dist')
  },
  </code></pre>
  
  <p>My React app runs fine, but I'm not getting any images served with urls as such:</p>
  
  <pre><code>&lt;img src="/static/images/logo.jpg" /&gt;
  </code></pre>
  
  <p>If I change the image <code>src</code> values to:</p>
  
  <pre><code>&lt;img src="/src/static/images/logo.jpg" /&gt;
  </code></pre>
  
  <p>they work, but of course, that's not going to be the case in production, since the <code>/src/</code> directory wouldn't be deployed. It seems I have the root set incorrectly.</p>
  
  <p>Do I need to tell WebPack to copy the "static" directory into "dist"? or? Advice appreciated.</p>