Gulp JS Minify Plugin

In this tutorial we will learn, how to uglify js files using gulp task.

Installing Gulp Plugin :

Using below command, we can install gulp-uglify, gulp-concat plugin.

npm install --save-dev gulp-uglify
npm install --save-dev gulp-concat

Add Dependency and Create Task

After installing above plugin we need to add dependencies in the configuration file and create task for optimizing js files -

var gulp = require('gulp');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');

gulp.task('js', function(){

Now run below gulp task to optimize JavaScript -

gulp js

It will produce below output -

[08:57:29] Using gulpfile F:\wamp\www\gulp\gulpfile.js
[08:57:29] Starting 'js'...
[08:57:29] Finished 'js' after 1.05 ms