gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var imagemin = require('gulp-imagemin');
var del = require('del');
var connect = require('gulp-connect');
var jshint = require('gulp-jshint');
var compass = require('gulp-compass');

var paths = {
            root: './',
            dist: {
                root: 'dist/',
                styles: 'dist/css/',
                scripts: 'dist/js/',
                images:'dist/img/'
            },
            source: {
                root: 'src/*.html',
                styles: 'src/sass/',
                scripts: 'src/js/*.js',
                images:'src/img/**/*'
            },
        }

gulp.task('clean', function(cb) {

});

gulp.task('connect', function () {
    connect.server({
        root: '',
        port:'5050',
        livereload: true
    });
});

gulp.task('compass', function() {
  gulp.src("src/sass/**/*.scss")
    .pipe(compass({
      css: paths.dist.styles,
      sass: paths.source.styles,
      project:__dirname,
      import_path:['bower_components/breakpoint-sass/stylesheets/','bower_components/susy/sass','bower_components/normalize-scss/sass/'],
      requre:['breakpoint','susy','normalize'],
      sourcemap: true
    }))
    .on('error', function(error) {
      console.log(error);
    })
     .pipe(autoprefixer({
            browsers: ['last 2 versions','Firefox >= 20'],
            cascade: false
        }))
    .pipe(gulp.dest(paths.dist.styles))
    .on('error', function(error) {
      console.log(error);
    })
    .pipe(connect.reload());
});

gulp.task('script', function () {
    return gulp.src(paths.source.scripts)
        .pipe(jshint())
        .pipe(jshint.reporter('default'))
        .pipe(gulp.dest(paths.dist.scripts))
        .pipe(connect.reload());
});


gulp.task('images', ['clean'], function() {
  return gulp.src(paths.source.images)
    .pipe(imagemin({optimizationLevel: 5}))
    .on('error', function (err) {
      console.error('Error!', err.message);
   })
    .pipe(gulp.dest(paths.dist.images))
    .pipe(connect.reload());
});

gulp.task('watch', function () {
    gulp.watch("src/sass/**/*", ['compass']);
    gulp.watch(paths.source.images, ['images']);
    gulp.watch(paths.source.scripts, ['script']);
    gulp.watch(paths.source.root, ['html']);
});


gulp.task('default', ['connect', 'images', 'compass', 'watch', "script",]);