gulpfile.js

'use strict';

// Includes packages
var gulp                = require('gulp'),
    sass                = require('gulp-sass'),
    autoprefixer        = require('gulp-autoprefixer'),
    postcss             = require('gulp-postcss'),
    cleanCss            = require('gulp-clean-css'),
    notify              = require('gulp-notify');

// Paths variables
var paths = {
    dist       : 'dist',
    docs       : 'docs',
    distCSS    : './dist/style.css',
    graphDir   : 'specificity-graph',
    sass       : ['src/**/*.scss' ]
};


// Compile SASS
gulp.task('sass', function () {
    return gulp.src(paths.sass)
        .pipe(sass().on('error', sass.logError))
        .pipe(autoprefixer({browsers: ['IE 8', 'IE 9', 'last 5 versions']}))
        .pipe(cleanCss())
        .pipe(gulp.dest(paths.dist))
        .pipe(gulp.dest(paths.docs))
        .pipe(notify({ title: 'SASS', message: 'Compiled successfully!! Happy coding! 😎', onLast: true}));
});

// Rerun the task when a file changes
gulp.task('watch', function() {
    gulp.watch(paths.sass, ['sass']);
});


// Run default task
gulp.task('default', ['sass', 'watch']);