diff --git a/_src/_includes/snippets/gulp/sass.js b/_src/_includes/snippets/gulp/sass.js index f5dc5ed..69507e6 100644 --- a/_src/_includes/snippets/gulp/sass.js +++ b/_src/_includes/snippets/gulp/sass.js @@ -2,23 +2,24 @@ var gulp = require('gulp'); var browserSync = require('browser-sync').create(); var sass = require('gulp-sass'); +// Compile sass into CSS & auto-inject into browsers +gulp.task('sass', function() { + return gulp.src("app/scss/*.scss") + .pipe(sass()) + .pipe(gulp.dest("app/css")) + .pipe(browserSync.stream()); +}); + // Static Server + watching scss/html files -gulp.task('serve', ['sass'], function() { +gulp.task('serve', gulp.series('sass', function(){ browserSync.init({ server: "./app" }); - gulp.watch("app/scss/*.scss", ['sass']); + gulp.watch("app/scss/*.scss", gulp.series('sass')); gulp.watch("app/*.html").on('change', browserSync.reload); -}); +})); -// Compile sass into CSS & auto-inject into browsers -gulp.task('sass', function() { - return gulp.src("app/scss/*.scss") - .pipe(sass()) - .pipe(gulp.dest("app/css")) - .pipe(browserSync.stream()); -}); -gulp.task('default', ['serve']); +gulp.task('default', gulp.series('serve')); \ No newline at end of file