title: How do you call tasks in gulp with live reload - after file changes have occured
body: <p>I defined in a gulp file, the following task:</p>
  
  <pre><code>gulp.task('watch:livereload', function(){
    livereload.listen();
    gulp.watch('app/**').on('change', livereload.changed);
  });
  </code></pre>
  
  <p>Which only recently did I realize is great only for static things like html. Because I use sass and the app is primarily js. I would like to call some tasks I have predefined to recompile the js and css upon any change to them.</p>
  
  <p>The way I have been calling tasks is by:</p>
  
  <pre><code>gulp.task('compile:development',
    [
      'bower',
      'compile:scripts:development',
      'compile:sass:development',
      'serve',
      'watch:livereload'
    ]
  );
  </code></pre>
  
  <p>But I want the tasks to happen on change. Ideas?</p>