Gulp Config

gulpfile.js

/*******************************************************************************
* DEPENDENCIES
*******************************************************************************/

var gulp = require('gulp');
var sass = require('gulp-sass');
var notify = require('gulp-notify');
var browserSync = require('browser-sync');


/*******************************************************************************
* NOTIFY TASK
*******************************************************************************/

function scssError(error){
  return "\n"+error.message+"\n";
}


/*******************************************************************************
* SASS TASK
*******************************************************************************/

gulp.task('sass', function () {
  gulp.src('sass/styles.scss')
    .pipe(sass({
      includePaths: ['scss'],
      sourceComments: 'map'
    }).on('error', notify.onError(scssError)))
    .pipe(gulp.dest('css'));
});



/*******************************************************************************
* BROWSERSYNC TASK
*******************************************************************************/

gulp.task('browser-sync', function() {
  browserSync.init(["css/*.css", "js/*.js", "application/views/**/*.tpl"]);
});



/*******************************************************************************
* GULP DEFAULT
*******************************************************************************/

gulp.task('default', ['sass', 'browser-sync'], function () {
  gulp.watch("sass/**/*.scss", ['sass']);
});