title: Webpack - how can I merge/load .js files in specific order?
body: <p>I've been looking everywhere for an answer to this and I just can't seem to find one.</p>
  
  <p>It's a simple (it seems) issue. I want to be able to merge .js files in the order they are appear in i.e. if I have this in my index.js (JSX), I would like them to be loaded in the order listed: -</p>
  
  <pre><code>require('script1.js');
  require('script2.js');
  require('script3.js');
  </code></pre>
  
  <p>However, no matter what I try, webpack seems to just load them in whatever order it wants. The obvious example of this is so I can load jQuery first to expose $ to preceding scripts. However, I would just like to know how to do this in general as I am building a rather complex app.</p>
  
  <p>I hope this has not been answer somewhere before and I have missed it... this is driving me INSANE. I am used to work with Gulp SASS, which was so much easier.</p>
  
  <p>If it makes any difference, I am using this with ReactJS/ReactDOM.</p>