Simple Gulp Starter

Simple Gulp Starter

//Load plugins
var gulp = require('gulp'),
    gutil= require('gulp-util') ,
    sass = require('gulp-ruby-sass'),
    prefixer = require('gulp-autoprefixer'),
    notify = require('gulp-notify');

// Where do you store your Sass files?
var sassDir = 'scss';

// Which partials should Sass compile to?
var targetCSSDir = 'dist/css';


//Styles
gulp.task('styles', function(){
    return gulp.src(sassDir + '/style.scss')
        .pipe(sass({ style: 'extended' }).on('error', gutil.log))
        .pipe(prefixer('last 10 version'))
        .pipe(gulp.dest(targetCSSDir))
        .pipe(notify({ message: 'All done, oh great one!'}));
});


// Keep an eye on Sass files for changes...
gulp.task('watch', function () {
    gulp.watch(sassDir + '/**/*.scss', ['styles']);
});

// What tasks does running gulp trigger?
gulp.task('default', ['styles', 'watch']);