如何重命名图像文件名称以匹配文件夹名称和数字？

Question

在Gulp中，如何重命名映像文件名称以匹配文件夹名称和数字？

例如，我有：

img/cats/spotty.svg 
img/cats/edgar.svg 

，我想：

images/cats/cat1.svg 
images/cats/cat2.svg 

我还有其他几个子文件夹，除了猫也。

我试过使用重命名失败，但数字的增加使它不能完全工作。

Answer 1

您可以使用gulp-rename package并为其提供一个自定义函数，用于在文件通过时对其进行重命名。使用path包一些实用工具，创建一个构造函数生成计数器的一个新的哈希表，瞧：

'use strict'; 

var gulp = require('gulp'), 
    rename = require('gulp-rename'), 
    path = require('path'); 

gulp.task('default', [], function() { 
    var renamer = new Renamer(); 

    gulp.src('img/**/*.*') 
     .pipe(rename(renamer.folderToImgName)) 
     .pipe(gulp.dest('.build/images')); 
}); 

function Renamer() { 
    var countersHashTable = {}; 

    function folderToImgName(fileInfo) { 
     var baseName = path.basename(fileInfo.dirname); 

     countersHashTable[baseName] = countersHashTable[baseName] || 1; 

     fileInfo.basename = baseName + countersHashTable[baseName].toLocaleString(); 

     // If you want a flat folder structure: 
     //fileInfo.dirname = path.dirname(fileInfo.dirname); 

     countersHashTable[baseName]++; 
    } 

    this.folderToImgName = folderToImgName; 
} 

从this answer by @OverZaelous部分混音。