javascript - Gulp:如何设置相对于已处理文件的目标文件夹(使用通配符时)？

Question

在我的 assets/ 文件夹下，我有许多子文件夹，每个子文件夹都包含任意数量的图像，如下所示:

assets/article1/
assets/article2/

我正在尝试编写一个 gulp 任务来定位其中的所有 .jpg 图像并生成它们的缩略图版本，以保存在文件夹内的 thumbs/ 子文件夹中每个文件所在的位置:

assets/article1/               # original jpg images
assets/article1/thumbs/        # thumbnail versions of above..
assets/article2/
assets/article2/thumbs/

我一直在尝试各种方法，但没有运气。我最接近的是:

gulp.task('thumbs', function () {
    return gulp.src( './assets/**/*.jpg' )
        .pipe( imageResize( { width: 200 } ) )
        .pipe( gulp.dest( function( file ) { return file.base + '/thumbs/'; } ) );
});

但是，这会在 assets\

的根目录下创建一个 thumbs\ 文件夹

assets/article1/
assets/article2/
assets/thumbs/article1/
assets/thumbs/article2/

在任何地方都有关于路径和通配符的好信息吗？显然我处理得不好..

Answer 1

您可以为此使用 path.dirname:http://nodejs.org/api/path.html#path_path_dirname_p

// require core module
var path = require('path');

gulp.task('thumbs', function () {
    return gulp.src( './assets/**/*.jpg' )
        .pipe( imageResize( { width: 200 } ) )
        .pipe( gulp.dest( function( file ) { return path.join(path.dirname(file.path), 'thumbs'); } ) );
});