Переименование файла с помощью gulp rename и добавление индекса

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',function(){

  var index = 0;

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

Answer 2

Я хотел бы сделать это, чтобы добавить размер исходного изображения... В моем случае это требование photoswipe.

К сожалению, пытаясь сделать это с помощью gulp, я застреваю даже при попытке добавить размер текущего изображения:

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(...));