Question

How to concat, uglify and rename all JavaScript files using gulp?

Answer 1

var gulp = require('gulp');

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

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

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

 

// Concatenate & Minify JS

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

    return gulp.src('js/*.js')

        .pipe(concat('all.js'))

        .pipe(gulp.dest('dist'))

        .pipe(rename('all.min.js'))

        .pipe(uglify())

        .pipe(gulp.dest('dist'));

});

 

// Watch Files For Changes

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

    gulp.watch('js/*.js', ['lint', 'scripts']);

});

 

// Default Task

gulp.task('default', ['scripts', 'watch']);