Stan Stan - 3 months ago 57
Javascript Question

Gulp minify multiple js files to one

I am new to Gulp and wondering how can I minify (concatinate) my collection to single file instead of every file separately.

Example



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

gulp.task('minify', function () {
gulp.src([
'content/plugins/jquery/jquery-2.1.1.js',
'content/plugins/jquery/jquery-ui.js',
'content/js/client.js'])
.pipe(uglify())
.pipe(gulp.dest('content/js/client.min.js')) // It will create folder client.min.js
});

gulp.task('default', ['minify']);


As you can see I'm trying to minify 3 javascript files and then output them into one
client.min.js
. Is it possible?

Answer

This plugin will help gulp-concat.

Usage:

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

gulp.task('scripts', function() {
  gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
    .pipe(concat('all.js'))
    .pipe(uglify())
    .pipe(gulp.dest('./dist/'))
});