How to set up gulp to bundle several files into one?
<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>