title: Gulp Not Watching
body: <p>So consider the following gulp file:</p>
  
  <pre><code>var gulp        = require('gulp');
  var source      = require('vinyl-source-stream');
  var browserify  = require('browserify');
  var babelify    = require("babelify");
  var watch       = require('gulp-watch');
  
  gulp.task('make:engine', function() {
    return browserify({entries: [
          './src/index.js'
        ]})
        .transform("babelify")
        .bundle()
        .pipe(source('engine.js'))
        .pipe(gulp.dest('dist/'));
  });
  
  gulp.task('make:example', function() {
    return browserify({entries: [
          './examples/index.js'
        ]})
        .transform("babelify")
        .bundle()
        .pipe(source('compiled-example.js'))
        .pipe(gulp.dest('dist/example/'));
  });
  
  gulp.task('watch', ['make:engine', 'make:example'], function(){
    return watch('*.js', ['make:engine', 'make:example']);
  });
  </code></pre>
  
  <p><code>gulp watch</code> spits out:</p>
  
  <pre><code>[15:06:01] Using gulpfile ~/Documents/ice-cream-engine/gulpfile.js
  [15:06:01] Starting 'make:engine'...
  [15:06:01] Starting 'make:example'...
  [15:06:03] Finished 'make:example' after 1.57 s
  [15:06:03] Finished 'make:engine' after 1.6 s
  [15:06:03] Starting 'watch'...
  </code></pre>
  
  <p>In ANY js file, if I make an edit and save the file, the terminal doesn't update to say that it is making the engine or the examples.</p>
  
  <p>The project directory looks as follows:</p>
  
  <p><a href="https://i.stack.imgur.com/6C6la.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6C6la.png" alt="enter image description here"></a></p>
  
  <p>What am I doing wrong such that it wont actually re-compile on ANY JS file change?</p>