Cacher is the code snippet organizer for pro developers

GULP PACKAGES
npm install gulp-sass --save-dev
npm install --save gulp-sass-error
npm install --save-dev gulp-autoprefixer
npm install gulp-sourcemaps --save-dev


///


var gulp = require("gulp");
//
var sass = require("gulp-sass");
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
//
gulp.task('sass', function (){
    gulp.src('dist/scss/*.scss')
        .pipe(sourcemaps.init())
        .pipe(sass.sync().on('error', sass.logError))
        .pipe(sass({
            includePaths: ['dist/scss'],
            outputStyle: 'expanded'
        }))
        .pipe(autoprefixer({
            browsers: ['last 3 versions'],
            cascade: false
        }))
        // .pipe(sourcemaps.write())
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest('src/css'))
});
//



// Watch Files For Changes
gulp.task("watch", function() {
    gulp.watch("dist/scss/*.scss", ["sass"]);
});

gulp.task("default", ["sass", "watch"]);