title: Loading multiple webpack bundles correctly
body: <p>tl;dr; how should you load multiple webpack bundle without littering your code with script tags</p>
  
  <p>I've been looking into using webpack more however there seems to be a piece i'm missing when it comes to loading webpack bundles, up to now i've been using requirejs which allows you to split you code into modules (which i consider the equivalent of bundles in webpack) but requirejs allows you to require scripts by name in your code which is then mapped to a url in the config but with webpack you would just include a script tag onto the page which feels like it could get out of control quite easily as you would end up with scripts littered throughout the views of your application, and makes it more difficult to switch out bundles as instead of updating a single url you need to find and replace every occurance of that url, not the end of the world but it seems like i've either missed some functionality to make this easier or maybe it's an accepted difference between requirejs and webpack.</p>
  
  <p>I should mention the none of the code bases i'm considering adding webpack too are single page applications so perhaps webpack is just not suited to this kind of environment?</p>
  
  <p>Just to add a little bit of context to what i would intend this to be included in, our server side code uses a mvc pattern so it would look something like this</p>
  
  <h1>page skelton/layout</h1>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;!-- stuff here --&gt;&lt;/head&gt;
  &lt;body&gt;
      &lt;!-- some included view here --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h1>view 1</h1>
  
  <pre><code>&lt;div&gt;
      &lt;!-- ... --&gt;
  
      &lt;!-- Currently it has this --&gt;
      &lt;script&gt;
          require(['something'], function(s){ /* new s(); */ /* s(); */ /* etc */ });
      &lt;/script&gt;
      &lt;!-- and i'd imagine it would be like this with webpack --&gt;
      &lt;script src="my_bundle.js"&gt;&lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h1>view 2</h1>
  
  <pre><code>&lt;div&gt;
      &lt;!-- ... --&gt;
  
      &lt;!-- Currently it has this --&gt;
      &lt;script&gt;
          require(['something', 'another_thing'], function(s){ /* new s(); */ /* s(); */ /* etc */ });
      &lt;/script&gt;
      &lt;!-- and i'd imagine it would be like this with webpack --&gt;
      &lt;script src="my_bundle.js"&gt;&lt;/script&gt;
      &lt;script src="my_bundle2.js"&gt;&lt;/script&gt;
  &lt;/div&gt;
  </code></pre>