Adding livereload to gulp tasks

Since I've not looked into the code which generates the sub themes, and I'm just now checking out Omega. I figure this info will help out anyone using the npm(node) gulp task runner. This applies to the new slim bleeding edge sub themes.

You can get livereload going by installing it within the theme folder. Although these modules should be added to package.json.

npm install livereload
npm install gulp-livereload

It may be better to install livereload globally with --global

npm install -g livereload

You can then minimally add a few lines to the current gulpfile.js

var livereload = require('gulp-livereload');

and

.pipe(livereload())

and

livereload.listen();

It will probably look something like this.

'use strict';

var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var livereload = require('gulp-livereload');

gulp.task('sass:prod', function () {
  gulp.src('./sass/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({
       browsers: ['last 2 version']
    }))
    .pipe(gulp.dest('./css'));
});

gulp.task('sass:dev', function () {
  gulp.src('./sass/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({
      browsers: ['last 2 version']
    }))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('./css'))
    .pipe(livereload());
});

gulp.task('sass:watch', function () {
  livereload.listen();
  gulp.watch('./sass/**/*.scss', ['sass:dev']);
});

gulp.task('default', ['sass:dev', 'sass:watch']);

P.S. Note I didn't add it on 'sass:prod'