Gulp file to compile sass, and browsersync

gulpfile.js

'use strict';

var gulp              = require('gulp');
var browserSync       = require('browser-sync').create();
var sass              = require('gulp-sass');
var sourcemaps        = require('gulp-sourcemaps');
var autoprefixer      = require('gulp-autoprefixer');


gulp.task('css', function () {
    return gulp.src('./scss/**/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass().on('error', sass.logError))
        .pipe(autoprefixer({ browsers: ['last 2 version', 'ie >= 8', 'iOS >= 7', 'android >= 4.1'] }))
        .pipe(gulp.dest('./css'));
});


gulp.task('serve', function () {

    browserSync.init({
        server: './'
    });

    gulp.watch('./scss/**/*.scss', ['css']);
    gulp.watch('./*.html').on('change', browserSync.reload);
});



gulp.task('default', ['css', 'serve']);