Pre-compiling SCSS files using Gulp

gulpfile.js

'use strict';

// Requiring dependencies
var gulp = require('gulp');
var sass = require('gulp-sass');
var concat = require('gulp-concat');

// Naming paths and files
var scssFilesPath = './assets/stylesheets/**/*.scss';
var outputPath = './assets/stylesheets'
var outputFileName = 'master.css'

// Sass task
gulp.task('sass', function () {
  return gulp.src(scssFilesPath)
    .pipe(concat(outputFileName))
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest(outputPath));
});

// Sass watch task
gulp.task('sass:watch', function () {
  gulp.watch(scssFiles, ['sass']);
});

// Single task call on `gulp` call
gulp.task('default', ['sass:watch']);