gulp插件(13) - gulp-changed(隻傳遞修改過的檔案)

功能描述

預設情況下，每次運作時候所有的檔案都會傳遞并通過整個管道。通過使用 gulp-changed 可以隻讓更改過的檔案傳遞過管道。這可以大大加快連續多次的運作，在開發過程中非常有用。

插件安裝

使用方法

注意：

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)
});