gulpfile.js

var gulp = require('gulp'),
    uglify = require('gulp-uglify'),
    cssmin = require('gulp-cssmin'),
    importcss = require('gulp-import-css'),
    concat = require('gulp-concat'),
    include = require('gulp-include'),
    compass = require('gulp-compass'),
    rename = require('gulp-rename'),
    livereload = require('gulp-livereload');

var source = "./source/";
var dist = "./public/";


gulp.task('compress', function () {
    gulp.src([source+"js/*.js"])
        .pipe(include())
        .pipe(gulp.dest(dist+"js/"))
        .pipe(rename({extname: '.min.js'}))
        .pipe(uglify())
        .pipe(gulp.dest(dist+"js/"));
});

gulp.task('compass', function () {
    gulp.src([source+"sass/*.sass"])
        .pipe(compass({
            css: dist+"css",
            sass: source+"sass",
            image: dist+"images",
            import_path: './',
            style: 'nested',
            require: ['susy', 'breakpoint'],
            line_comments: false,
            sourcemap: true,
            relative_assets: true
        }))
        .on('error', function (error) {
            console.log(error);
            this.emit('end');
        })
        .pipe(importcss())
        .pipe(gulp.dest(dist+"css"))
        .pipe(cssmin())
        .pipe(rename({extname: '.min.css'}))
        .pipe(gulp.dest(dist+"css"))
});

gulp.task('watch', function () {
    livereload.listen();
    gulp.watch(source+"js/**/*.js", ['compress']);
    gulp.watch(source+"sass/**/*.scss", ['compass']);
    gulp.watch([dist+"**/*"]).on('change', livereload.changed);
});