gulp插件(13) - gulp-changed(只傳遞修改過的文件)

功能描述
默認(rèn)情況下,每次運(yùn)行時(shí)候所有的文件都會(huì)傳遞并通過整個(gè)管道。通過使用 gulp-changed 可以只讓更改過的文件傳遞過管道。這可以大大加快連續(xù)多次的運(yùn)行,在開發(fā)過程中非常有用。

插件安裝
$ cnpm install gulp-changed --save-dev
使用方法
注意:

changed需要一個(gè)目標(biāo)目錄
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查看每次發(fā)生編譯的文件,驗(yàn)證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)
});

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    小裁縫sun閱讀 1,027評(píng)論 0 3
  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    依依玖玥閱讀 3,304評(píng)論 7 55
  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    井皮皮閱讀 1,400評(píng)論 0 10
  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    build1024閱讀 583評(píng)論 0 0
  • 作者:長(zhǎng)江白浪 一個(gè)小孩站在游泳池旁邊不敢下水,父親在一旁鼓勵(lì)說:“不用怕,寶貝很勇敢,有爸爸在呢,不用怕?!弊罱K...
    長(zhǎng)江白浪閱讀 683評(píng)論 1 4

友情鏈接更多精彩內(nèi)容