title: Set a Gulp task to be the default
body: <p>I have the following task in my <code>gulpFile</code>, created by someone else on my team:</p>
  
  <pre><code>gulp.task('serve', [], function(){
     gulp.run(
      'fonts',
      'browsersync',
      'watch'
    );
  });
  </code></pre>
  
  <p>I would like to leave it alone, but I also wanted to map the default task to this task.  So I tried:</p>
  
  <pre><code>gulp.task('default',['serve']);
  </code></pre>
  
  <p>It appeared to work, in that the server runs, but for some reason the "watch" task is not happening, I am not getting browser refresh on changes.  </p>
  
  <p>It all works as planned if I run "gulp serve" but not "gulp".  What did I do wrong?</p>
  
  <p><strong>EDIT:</strong>
  Here's the watch task:</p>
  
  <pre><code>gulp.task('watch', ['styles', 'browsersync'], function() { //'default'
    gulp.watch(
      [
        './app/assets/sass/**/*.scss',
        './app/modules/**/*.scss'
      ], ['styles']);
  
    gulp.watch([
      './app/**/*.js',
      './app/**/*.html'
    ], function() {
      reload();
    });
  
  });
  </code></pre>