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

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。

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

How do I rename image file names to match the folder name plus a number?

gulp

gulp-rename