192.gulp-concat插件合併多個文件

由於在網頁的開發中，爲了加快網頁渲染的速度，若是咱們的js文件比較多的話，就可使用gulp-concat插件，將多個js文件合併成一個文件，該插件的安裝一樣是在終端窗口執行命令：npm install gulp-concat --save-dev.

示例代碼以下（1）：

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

gulp.task('js', function() {
    gulp.src(['./js/index.js', './js/nav.js'])
     //將文件合併成一個index.js文件
    .pipe(concat('index.js'))
   // 將文件進行醜化處理
    .pipe(uglify({
        'toplevel':true,
        'compress': {
            'drop_console': true,
            'drop_debugger': true,
        }
    }))
    //爲文件進行重命名
    .pipe(rename({'suffix': '.min'}))
    .pipe(gulp.dest('./dist/js/'))
});

示例代碼以下（2）：

var gulp = require('gulp'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    concat = require('gulp-concat'),
    pipeline = require('readable-stream').pipeline;
    
gulp.task('js02', function() {
    return pipeline(
        gulp.src(['./js/index.js','./js/nav.js']),
        concat('index.js'),
        //壓縮主要是依靠uglify()函數；
        uglify(),
        rename({
            'suffix': '.min',
        }),
        gulp.dest('./dist/js/')
    )
});