gulpfile.js

"use strict";
// Include gulp
var fs = require("fs");
var gulp = require("gulp");
var sourcemaps = require("gulp-sourcemaps")
var path = require("path");
var browserSync = require("browser-sync").create();
var sass = require('gulp-sass');
var reload = browserSync.reload;


gulp.task('watch',['sass'], function(){
  browserSync.init({
    server:'./'
  });
  gulp.watch("./scss/**/*.scss", ['sass']);
  gulp.watch("./js/**/*.js").on('change', reload);  
  gulp.watch("./**/*.html").on('change', reload);  
});

gulp.task('serve', ['watch']);

gulp.task('sass',function(){
  return gulp.src('./scss/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass()).on('error', function logError(error) {
        console.error(error);
    })
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./css'))
    .pipe(reload({stream:true}));  
});

/* Default task */
gulp.task("default", ["serve"]);