Tuesday, 26 January 2016

gulp Minify tasks for javascript, json, css, html fiels

Java Script Minify
________________________________________________________

npm install --save-dev gulp-minify

var minify = require('gulp-minify'); 
gulp.task('compress', function() {
  gulp.src('lib/*.js')
    .pipe(minify({
        exclude: ['tasks'],
        ignoreFiles: ['.combo.js', '-min.js']
    }))
    .pipe(gulp.dest('dist'))
});


Minify CSS & HTML file
________________________________________________________

npm install --save-dev gulp-minify-css

var minifyCss = require('gulp-minify-css');
gulp.task('minify-css', function() {
  return gulp.src('styles/*.css')
    .pipe(minifyCss({compatibility: 'ie8'}))
    .pipe(gulp.dest('dist'));
});

var minifyHTML = require('gulp-minify-html'); 
gulp.task('minify-html', function() {
  return gulp.src('src/*.html')
    .pipe(minifyHTML({ empty: true }))
    .pipe(gulp.dest('dist'));
});

JSON file minify 
________________________________________________________

npm install gulp-jsonminify --save-dev

var jsonminify = require('gulp-jsonminify'); 
gulp.task('minify', function () {
    return gulp.src(['path/to/files/*.json'])
        .pipe(jsonminify())
        .pipe(gulp.dest('dist'));
});


1 comment:

  1. Nice article. It's very helpful to me. Thank you for share with us. Can you please check my article Fix Autoptimize WP plugin JavaScript optimize issue

    ReplyDelete