gulpfile.js

var gulp = require('gulp'),
    compass = require('gulp-compass'),
    cssnano = require('gulp-cssnano'),
    rename = require("gulp-rename"),
    concat = require('gulp-concat'),
    htmlmin = require('gulp-htmlmin'),
    imagemin = require('gulp-imagemin'),
    clean = require('gulp-clean'),
    watch = require('gulp-watch'),
    gulpsync = require('gulp-sync')(gulp),
    browserSync = require("browser-sync").create(),
    reload = browserSync.reload,
    runSequence = require('run-sequence');

var config = {
    'src': './src',
    'dest': './dist',
    'html': {
        'src': './src/*.html',
        'dest': './dist/'
    },
    'sass': {
        'src': './src/css/sass/**/*.scss',
        'dest': './dist/css/css'

    },
    'js': {
        'src': [
            './node_modules/jquery/dist/jquery.min.js',
            './node_modules/tether/dist/js/tether.min.js',
            './node_modules/bootstrap/dist/js/bootstrap.min.js',
            './node_modules/owl.carousel/dist/owl.carousel.min.js',
            './src/js/*.js'
        ],
        'dest': './dist/js'
    },
    'img': {
        'src': './src/img/*',
        'dest': './dist/img/'
    },
    'fonts': {
        'src': './src/fonts/*',
        'dest': './dist/fonts/'
    }
};


//gulp-htmlmin


gulp.task('minify:html', function() {
    return gulp.src(config.html.src)
        .pipe(htmlmin({collapseWhitespace: true}))
        .pipe(gulp.dest(config.html.dest));
});


gulp.task('styles', function() {
    return gulp.src([config.sass.src])
        .pipe(compass({
            css: config.sass.dest,
            sass: 'src/css/sass',
            image: config.img.dest
        }))
        .pipe(rename({ suffix: '.min' }))
        .pipe(cssnano())
        .pipe(gulp.dest(config.sass.dest))
        .pipe(browserSync.reload({
            stream: true
        }))

});

gulp.task('minify:img', function () {
        return gulp.src(config.img.src)
            .pipe(imagemin())
            .pipe(gulp.dest(config.img.dest));
    }
);

gulp.task('fonts', function () {
    return gulp.src(config.fonts.src)
        .pipe(gulp.dest(config.fonts.dest));
});

gulp.task('js', function () {
    return gulp.src(config.js.src)
        .pipe(concat('all.min.js'))
        .pipe(gulp.dest(config.js.dest));
});

gulp.task('sync', gulpsync.sync(['minify:html', 'styles', 'js']));

gulp.task('clean', function () {
    return gulp.src(config.dest, {read: false})
        .pipe(clean());
});

gulp.task('build', function (callback) {
    runSequence('clean', [ 'sync', 'minify:img','fonts'], callback)
});

gulp.task('browser-sync', ['styles'], function() {
    browserSync.init({
        server: {
            baseDir: config.dest
        }
    });
});


gulp.task('watch',['browser-sync', 'styles'], function () {
    gulp.watch(config.sass.src, ['styles']);
    gulp.watch(config.html.src, browserSync.reload);
    gulp.watch('src/js/**/*.js', browserSync.reload);
});

gulp.task('default', function (callback) {
    runSequence(['styles','browser-sync', 'watch'],
        callback
    )
});