title: How to set up gulp to bundle several files into one?
body: <p>This seems like a very simple question, but spent the last 3 hours researching it, discovering it can be slow on every save on a new file if not using watchify.</p>
  
  <p>This is my directory tree:</p>
  
  <pre><code>gulpfile.js
  package.json
  
  www/
    default.htm
       &lt;script src="toBundleJsHere/file123.js"&gt;&lt;/script&gt;
  
    toBundletheseJs/
      componentX/
         file1.js
      componentY/
         file2.js
      componentZ/
        file3.js
  
    toPutBundledJsHere/
        file123.js
  </code></pre>
  
  <p>Requirements. 
  On every creation or save of a file within the folder <code>toBundleTheseJs/</code> I want this file to be rebundled into <code>toBundleJsHere/</code></p>
  
  <p>What do I need to include in my <code>package.json</code> file?</p>
  
  <p>And whats the minimum I need to write into my gulp file?</p>
  
  <p>This should be as fast as possible so think I should be using browserify and watchify. I want to understand the minimum steps so using package manager like jspm is overkill a this point.</p>
  
  <p>thanks</p>