gulp插件(13) - gulp-changed(只传递修改过

功能描述

默认情况下，每次运行时候所有的文件都会传递并通过整个管道。通过使用 gulp-changed 可以只让更改过的文件传递过管道。这可以大大加快连续多次的运行，在开发过程中非常有用。

插件安装

$ cnpm install gulp-changed --save-dev

使用方法

注意：

changed需要一个目标目录
changed一定放在rename方法后面，不然就失去意义了

var gulp        = require('gulp'),
    uglify      = require('gulp-uglify'),
    changed     = require('gulp-changed'),
    rename      = require('gulp-rename'),
    pump        = require('pump');
    
gulp.task('jsmin', function(cb) {
    pump([
        gulp.src('src/js/*.js'),
        rename({suffix: '.min'}),
        changed('dist/js'),
        uglify(),
        gulp.dest('dist/js')
    ], cb)
});

可以使用gulp-debug查看每次发生编译的文件，验证gulp-changed是否启作用

var gulp        = require('gulp'),
    uglify      = require('gulp-uglify'),
    changed     = require('gulp-changed'),
    rename      = require('gulp-rename'),
    debug       = require('gulp-debug'),
    pump        = require('pump');
    
gulp.task('jsmin', function(cb) {
    pump([
        gulp.src('src/js/*.js'),
        rename({suffix: '.min'}),
        debug({title: '编译:'})
        changed('dist/js'),
        uglify(),
        gulp.dest('dist/js')
    ], cb)
});