Pre-compiling SASS files with Gulp

It will be a simple and direct post about how to serve your SASS files as a single CSS file using Gulp.

Installing dependencies:

npm install gulp gulp-concat gulp-sass --save
That’s how we roll!

By calling gulp we execute our sass-watch task. It will call a watch process that will listen to every SCSS file change (on the specified path), than execute all steps on sass task.

After the first execution, check the new master.css file on your stylesheets folder.

All you have to do now is add your easy-cheese pre-compiled file on your HTML file, and you’re good to go.

<link rel="stylesheet" href="assets/stylesheets/master.css" media="all">