gulpfile.js

var gulp = require('gulp');
var gutil = require('gulp-util');
var clean = require('gulp-clean');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var filesize = require('gulp-filesize');
// var less = require('gulp-less');
// var changed = require('gulp-changed');
// var watch = require('gulp-watch');
var htmlmin = require('gulp-htmlmin');
const imagemin = require('gulp-imagemin');
var cleanCSS = require('gulp-clean-css');
var livereload = require('gulp-livereload');
// var gulpif = require('gulp-if');
// var sprity = require('sprity');

// // generate sprite.png and _sprite.scss
// gulp.task('sprites', function () {
//   return sprity.src({
//     src: './img/*.{png,jpg}',
//     style: '.css/style.css'
//   })
//   .pipe(gulpif('*.png', gulp.dest('./dist/img/'), gulp.dest('./dist/css/')))
// });

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

gulp.task('jsUglify',['clean'], function() {
  return gulp.src(['js/*.js','views/js/*.js'],{base: './'})
    //.pipe(concat('vendor.js'))
    //.pipe(gulp.dest('dist'))
    .pipe(filesize())
    .pipe(uglify())
    //.pipe(rename('perfMatters.min.js'))
    .pipe(gulp.dest('dist'))
    .pipe(filesize())
    .on('error', gutil.log)
});


gulp.task('imagesMin', ['clean'], function() {
  return gulp.src(['img/*',
                'views/images/*' ],
            {base: './'})
        .pipe(imagemin())
        .pipe(gulp.dest('dist'))

});

gulp.task('minify',['clean'], function() {
  return gulp.src(['*.html',
                'views/*.html' ],
            {base: './'})
    .pipe(htmlmin({collapseWhitespace: true}))
    .pipe(gulp.dest('dist'));
});

gulp.task('default', ['clean', 'jsUglify','minify','imagesMin','minify-css'], function() {

});

gulp.task('minify-css',['clean'], function() {
  return gulp.src(['css/*.css','views/css/*.css'],
            {base: './'})
    .pipe(cleanCSS())
    .pipe(gulp.dest('dist'));
});

gulp.task('watch', function() {
  livereload({ start: true })
  livereload.listen();
  gulp.watch('*.html', ['minify']);
  gulp.watch('js/*.js', ['jsUglify']);
  gulp.watch('css/*.css', ['minify-css']);
});