sarmenhb
4/19/2015 - 8:21 PM

Gulp - minify css, js, and optimize images

Gulp - minify css, js, and optimize images

// install in terminal first: npm install gulp-uglify gulp-minify-css gulp-imagemin


var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var minify = require('gulp-minify-css');
var imagemin = require('gulp-imagemin');


//javascript files
gulp.task('js', function()
{
    gulp.src('src/*.js') //source path
        .pipe(concat('all.js'))
        .pipe(uglify()) //minify
        .pipe(gulp.dest('dest')) //destination to save
});


//css files
gulp.task('css', function()
{
    gulp.src('src/*.css') //source path
        .pipe(uglify()) //minify
        .pipe(gulp.dest('dest')) //destination to save
});

//images (png)
gulp.task('js', function()
{
    gulp.src('src/*.png') //source path
        .pipe(imagemin()) //minifies images
        .pipe(gulp.dest('dest')) //destination to save
});

//default task to run all over the above

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