191.gulp處理JavaScript文件的任務

處理js文件的主要操做是，將js文件進行醜化，須要使用到一個插件爲gulp-uglify，一樣,是須要在cmd窗口執行npm install gulp-uglify --save-dev;示例代碼以下：

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

//建立一個處理js文件的任務
gulp.task('js', function() {
    gulp.src('./js/*.js')
    .pipe(uglify({
    //設置toplevel爲true，就會處理頂級javascript中的常量，默認狀況下爲false。
        'toplevel': true,
        'compress': {
            'drop_console': true, //不容許打印出控制檯信息
            'drop_debugger': true,
            //不容許打印出debug信息
            }
    }))
    //將處理過的壓縮文件進行重命名，加後綴名：.min
    .pipe(rename({'suffix':'.min'}))
    //將壓縮過的文件放到目標文件夾中
    .pipe(gulp.dest('./dist/js/'))
});

其中，uglify()函數還能夠對js文件作一些其餘的處理，可查看官網相關介紹：https://www.npmjs.com/package/gulp-uglify。

在這裏進行摘錄：

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var pipeline = require('readable-stream').pipeline;
 
gulp.task('compress', function () {
  return pipeline(
        gulp.src('lib/*.js'),
        uglify(),
        gulp.dest('dist')
  );
});