Gulp Sass Watch LiveReload (needs simple LiveReload Chrome extension)

simple_gulpfile.js

// Require gulp and plugins
var gulp  = require('gulp'),
    sass  = require('gulp-sass'),
    gutil = require('gulp-util');


// Define file sources
var sassMain    = ['scss/styles.scss'];
var sassSources = ['scss/**/*.scss']; // Any .scss file in any sub-directory


// Task to compile SASS files
gulp.task('sass', function() {
  gulp.src(sassMain) // use sassMain file source
    .pipe(sass({
      outputStyle: 'expanded' // Style of compiled CSS
    })
      .on('error', gutil.log)) // Log descriptive errors to the terminal
    .pipe(gulp.dest('css')); // The destination for the compiled file
});

// Task to watch for changes in our file sources
gulp.task('watch', function() {
  gulp.watch(sassMain, ['sass']); // If any changes in 'sassMain', perform 'sass' task
  gulp.watch(sassSources, ['sass']);
});


// Default gulp task
gulp.task('default', ['sass', 'watch']);

// Build task
gulp.task('build', ['sass']);