Adding images support

Author: Donovan Hutchinson

gulpfile.js

@@ -12,7 +12,10 @@ var gulp = require('gulp'),
     plumber = require('gulp-plumber'),
     browserSync = require('browser-sync'),
     cssshrink = require('gulp-cssshrink'),
-    cp = require('child_process');
+    cp = require('child_process'),
+    changed = require('gulp-changed'),
+    imagemin = require('gulp-imagemin'),
+    size = require('gulp-size');
 
 
 gulp.task('styles', function() {
@@ -40,6 +43,20 @@ gulp.task('scripts', function() {
     .pipe(browserSync.reload({stream:true}));
 });
 
+// Optimizes the images that exists
+gulp.task('images', function () {
+  return gulp.src('src/images/**')
+    .pipe(changed('public/images'))
+    .pipe(imagemin({
+      // Lossless conversion to progressive JPGs
+      progressive: true,
+      // Interlace GIFs for progressive rendering
+      interlaced: true
+    }))
+    .pipe(gulp.dest('public/images'))
+    .pipe(size({title: 'images'}));
+});
+
 gulp.task('browser-sync', ['styles', 'scripts'], function() {
   browserSync({
     server: {
@@ -56,8 +73,10 @@ gulp.task('watch', function() {
   gulp.watch('src/sass/**/*.scss', ['styles', browserSync.reload]);
   // Watch .js files
   gulp.watch('src/javascripts/*.js', ['scripts', browserSync.reload]);
+  // Watch image files
+  gulp.watch('src/images/**/*', ['images', browserSync.reload]);
 });
 
 gulp.task('default', function() {
-    gulp.start('styles', 'scripts', 'browser-sync', 'watch');
+    gulp.start('styles', 'scripts', 'images', 'browser-sync', 'watch');
 });

package.json

@@ -12,18 +12,21 @@
   },
   "devDependencies": {
     "browser-sync": "^1.9.1",
+    "del": "^1.1.1",
     "gulp": "^3.8.7",
     "gulp-autoprefixer": "0.0.8",
     "gulp-cache": "^0.2.0",
-    "del": "^1.1.1",
+    "gulp-changed": "^1.2.1",
     "gulp-concat": "^2.3.4",
     "gulp-cssshrink": "^0.1.4",
+    "gulp-imagemin": "^2.2.1",
     "gulp-jshint": "^1.8.3",
     "gulp-minify-css": "^0.3.13",
     "gulp-notify": "^1.8.0",
     "gulp-plumber": "^0.6.4",
     "gulp-rename": "^1.2.0",
     "gulp-sass": "^2.0.1",
+    "gulp-size": "^1.2.1",
     "gulp-uglify": "^0.3.2"
   }
 }