Common build and optimizing tasks using Gulp.js (minify JS, minify CSS and optimize images for web)

gulpfile.js

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var rename = require('gulp-rename');
var cssmin = require('gulp-cssmin');

/*
*Command: gulp uglify
* Minifies or "uglifies" JavaScript files for faster load time.
*/
gulp.task('uglify', function() {
  return gulp.src('js/*.js')
  .pipe(uglify())
  .pipe(rename({suffix: '.min'}))
  .pipe(gulp.dest('dist/js'));
});
/*
*Command: gulp cssmin
* Minifies CSS files for faster load time.
*/
gulp.task('cssmin', function() {
  return gulp.src('css/*.css')
  .pipe(cssmin())
  .pipe(rename({suffix: '.min'}))
  .pipe(gulp.dest('dist/css'));
})
/*
*Command: gulp imagemin
* Compresses and optimizes images with gulp-imagemin
*   progressive - jpg
*   interlaced - gif
*   multipass - svg
*/
gulp.task('imagemin', function() {
  return gulp.src('img/*')
    .pipe(imagemin({
      progressive: true,
      interlaced: true,
      multipass: true
    }))
    .pipe(gulp.dest('dist/img'));
})
gulp.task('default', function() {
  gulp.start(['uglify', 'imagemin', 'cssmin']);
});