Compile SASS using Gulp

For a basic introduction to Gulp see my earlier blog post. The following example uses the npm package gulp-sass.

gulpfile.js

'use strict';

/**
 * Gulp tasks to compile SASS
 * - sass = compile sass file in /sass/style.scss => /css/
 * - sass:watch = wait for changes in /sass/ then run 'sass' task
 */

const gulp = require('gulp');
const sass = require('gulp-sass');

gulp.task('sass', () => {
  return gulp
    .src('./src/sass/style.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./src/css'));
});

gulp.task('sass:watch', () => {
  gulp.watch('./src/sass/**/*.scss', ['sass']);
});