Gulp: Wie setze ich den Zielordner relativ zur verarbeiteten Datei (bei Verwendung von Platzhaltern)?

Question

Unter meinem assets/ Ordner, ich habe zahlreiche Unterordner, die jeweils eine beliebige Anzahl von Bildern enthalten, etwa so:

assets/article1/ 
assets/article2/ 

Ich versuche, einen Schluck Aufgabe zu schreiben alle .jpg Bilder innerhalb ausfindig zu machen und ihre Miniaturversionen zu erzeugen , um in einem thumbs/ Unterordner im Ordner gespeichert werden, wobei jede Datei befindet:

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

ich habe versucht, verschiedene Ansätze, aber kein Glück. Der nächstgelegene ich gekommen ist:

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

jedoch das schafft einen einzelnen thumbs\ Ordner an der Wurzel assets\

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

Gibt es eine gute Informationen über die Pfade und Platzhalter überall? Klar bin ich es nicht gut Handhabung ..

Answer 1

Sie path.dirname dafür verwenden könnte: 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'); })); 
}); 

Answer 2

Hier ist, was für mich angesichts der folgenden Verzeichnisstruktur (arbeitete vereinfacht ich ein wenig konzentrieren sich auf nur immer die Dateien in der richtigen Stelle)

assets/article1/1.jpg 
assets/article2/2.jpg 

mit einem gewünschten Ergebnis

assets/article1/1.jpg 
assets/article1/thumbs/1.jpg 
assets/article2/2.jpg 
assets/article2/thumbs/2.jpg 

Hier ist, was für mich gearbeitet (von diesem Rezept modifizierte https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-task-steps-per-folder.md)

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

var scriptsPath = 'assets'; // folder to process 

function getFolders(dir) { 
    return fs.readdirSync(dir) 
     .filter(function(file) { 
     return fs.statSync(path.join(dir, file)).isDirectory(); 
     }); 
} 

gulp.task('thumbs', function() { 
    var folders = getFolders(scriptsPath); 

    return folders.map(function(folder) { 
     return gulp.src(path.join(scriptsPath, folder, '/**/*.jpg')) 
     .pipe(rename({dirname: folder + '/thumbs/'})) 
     .pipe(gulp.dest(scriptsPath)); 
    }); 
});