用gulp重命名並添加一個索引來重命名一個文件

Question

我需要重新命名一批添加索引的照片，比如'image-1-tmb'或'image-23-tmb'。我已經查過這個，沒有找到它，甚至沒有接近找到它。

這是我的實際代碼：

gulp.task('rsz_tmb_menu',function(){ 
return gulp.src('./zips/**/*.{jpg,JPG}', { base: './zips' }) 
.pipe(imageResize({ 
    width : width_tmb_menu, 
    height : height_tmb_menu, 
    crop : true, 
    quality : 0.6, 
    imageMagick : true, 
    upscale : false 
})) 
.pipe(gulp.dest('./images/tmb_menu')); 
}); 

Answer 1

使用gulp-rename：

var rename = require("gulp-rename"); 

然後添加到您的管道： gulp.task（ 'rsz_tmb_menu'，函數（）{

var index = 0; 

gulp.src('your_glob') 
    .pipe(your processing func) 
    .pipe(rename(function (path) { 
    path.basename += ("-" + index++); 
})) 
.pipe(...dst...) 

Answer 2

我想這樣做，以追加原始圖像的大小... 在我的情況下，這是a requirement of photoswipe。

試圖用一口做到這一點，不幸的是，我在嘗試追加當前圖像的大小，即使卡：

var sizeOf = require('image-size'); 

(...) 

.pipe(rename(function (path) { 
    var dimensions = sizeOf(path); 
    path.basename += ("-" + dimensions.width + "x" + dimensions.height); 
})) 

引發錯誤：

node_modules/image-size/lib/index.js:79 
throw new TypeError('invalid invocation'); 

---

回答我自己的問題，以幫助某人
基於http://www.pixeldonor.com/2014/feb/20/writing-tasks-gulpjs/

return gulp.src(...) 
.pipe(through.obj(function (chunk, enc, cb) { 
     dimensions = sizeOf(chunk.path); 
     extname = Path.extname(chunk.path); 
     dirname = Path.dirname(chunk.path); 
     basename = Path.basename(chunk.path, extname); 
     chunk.path = Path.join(dirname, basename + "-" + dimensions.width + "x" + dimensions.height + extname); 
     this.push(chunk); 
     cb(null, chunk); 
})) 
.pipe(imageResize({ 
     width : 600, 
     height : 600, 
     crop : true, 
     upscale : true 
})) 
.pipe(gulp.dest(...));