var gulp = require('gulp'),
    sass = require('gulp-sass'),
    browser = require('browser-sync').create();

gulp.task('sass', function(){
    return gulp.src('app/sass/*.sass')
        .pipe(sass())
        .pipe(gulp.dest('app/css/'))
        .pipe(browserSync.reload({stream: true}));
});

gulp.task('serve', gulp.series('sass'), function(){
    browser.init({
        server: '/app'
    });
    gulp.watch('app/sass/*.sass', gulp.series('sass'));
    gulp.watch('app/*.html').on('change', browser.reload());
});

gulp.task('default', gulp.series('sass'));