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部分重新混音。

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

1 个答案: