gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');
var minifyCss = require('gulp-minify-css');
var sourceMaps = require('gulp-sourcemaps'),
	path = require('path');

gulp.task('styles', function() {
	var designBase = 'src/main/resources/jcr_root/etc/slick/designs/';
	gulp.src('**/scss/*.scss', { base: designBase })
    	.pipe(sourceMaps.init())
        .pipe(sass().on('error', sass.logError))
        .pipe(minifyCss())
        .pipe(rename(function(path){
    		var newPath = path.join(path.dirname(path), '../css', path.basename(path));
    		console.log('rename %s to %s', path, newPath);
    		return newPath;
  		}))
    	.pipe(gulp.dest('./'))
});

//Watch task
gulp.task('default',function() {
    gulp.watch('./**/scss/*.scss',['styles']);
});