Compile SASS using Gulp
20 July 20161 min read20 words
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"]);
});