Gulp.js

Gulp.js

var gulp = require('gulp');
var concat = require('gulp-concat');
var rename = require('gulp-rename');
var uglify = require('gulp-uglify');
var minifyCSS = require('gulp-minify-css');
var imagemin = require('gulp-imagemin');
var pngquant = require('imagemin-pngquant');
var notify = require('gulp-notify');

gulp.task('css-js', function() {
  return gulp.src('js/*.js') // read all of the files that are in script/lib with a .js extension
  .pipe(concat('js/all.js')) // concatenate all of the file contents into a file titled 'all.js'
  .pipe(gulp.dest('./')) // write that file to the dist/js directory
  .pipe(rename('all.min.js')) // now rename the file in memory to 'all.min.js'
  .pipe(uglify()) // run uglify (for minification) on 'all.min.js'
  .pipe(gulp.dest('js/'))
  return gulp.src('css/*.css')
  .pipe(concat('css/style.css'))
  .pipe(gulp.dest('./'))
  .pipe(minifyCSS())
  .pipe(rename('style.min.css'))
  .pipe(gulp.dest('css/'));
  // write all.min.js to the dist/js file
});

gulp.task('images', function () {
  return gulp.src('images/*.*')
  .pipe(imagemin({ optimizationLevel: 2, progressive: true, interlaced: true }))
  .pipe(gulp.dest('images/'))
  .pipe(notify({ message: 'Images task complete' }));
});

gulp.task('watch', function() {
  // Watch .js files
  gulp.watch('js/*.js', ['default']);
  // Watch .scss files
  gulp.watch('css/*.css', ['default']);
});

gulp.task('default', ['css-js', 'images']);