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

Question

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

例如，我有：

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

我想要：

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

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

我尝试使用重命名但没有成功，但添加数字使其无法完全工作。

Answer 1

您可以使用

gulp-rename包并为其提供自定义函数，以便在文件通过时重命名文件。将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;
}

由@OverZaelous从这个答案中部分重新混合。