title: Gulp Watch Task not working for SASS
body: <p>My gulp watch task is working for JS, but not for my SASS. It's only compiling the new CSS file when I re-run my gulp command. </p>
  
  <p>Here's my 'styles' and 'watch' tasks code, any help would be appreciated:</p>
  
  <pre><code>var gulp = require('gulp'),
  uglify = require('gulp-uglify'),
  sass = require('gulp-ruby-sass'),
  livereload = require('gulp-livereload');
  
  function errorLog(error) {
    console.error.bind(error);
    this.emit('end');
  }
  
  // Scripts task
  // Uglifies js
  gulp.task('scripts', function() {
    gulp.src('js/*.js')
      .pipe(uglify())
      .on('error', errorLog)
      .pipe(gulp.dest('build/js'));
  });
  
  // Styles Task
  // Uglifies scss/css
  gulp.task('styles', function() {
   return sass('sass/*.scss', {
    style: 'compressed'
   })
    .on('error', errorLog)
    .pipe(gulp.dest('build/css'))
    .pipe(livereload());
  });﻿
  
  // Watch Task
  // Watches JS
  gulp.task('watch', function() {
  
    var server = livereload();
  
    gulp.watch('js/*.js', ['scripts']);
    gulp.watch('sass/*.scss', ['styles']);
  });
  
  gulp.task('default', ['scripts', 'styles', 'watch']);
  </code></pre>