sass_bourbon_livereload

gulpfile.js

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

// var paths = {scss:'sass/*.scss'}; 
var EXPRESS_PORT = 4000;
var EXPRESS_ROOT = __dirname;
var LIVERELOAD_PORT = 35729;

gulp.task('sass', function(){
  gulp.src('sass/style.scss')
    .pipe(sass({
      loadPath: require('node-bourbon').includePaths,
      style: 'compressed',
      quiet: true
    }))
    .pipe(gulp.dest('css/'));
});

function startExpress() {
 
  var express = require('express');
  var app = express();
  app.use(require('connect-livereload')());
  app.use(express.static(EXPRESS_ROOT));
  app.listen(EXPRESS_PORT);
}
 

var lr;
function startLivereload() {
 
  lr = require('tiny-lr')();
  lr.listen(LIVERELOAD_PORT);
}
 

function notifyLivereload(event) {
 
    var fileName = require('path').relative(EXPRESS_ROOT, event.path);
 
  lr.changed({
    body: {
      files: [fileName]
    }
  });
}

gulp.task('default', function () {
  startExpress();
  startLivereload();
  gulp.watch(['*.html','css/style.css'], notifyLivereload);
  gulp.watch('sass/*.scss', ['sass']);
});