Gulp.js - Verwenden Sie den Pfad von gulp.src() in gulp.dest()

Question

Versuchen Sie eine Schluckaufgabe zu erstellen, die eine Reihe von Dateien aus verschiedenen Ordnern durch LESS leitet und sie dann in einem Ordner basierend auf dem Original ausgibt Quelle. Betrachten Sie diese Struktur Ordner:

Project 
+-- /Module_A 
| +- /less 
| | +- a.less 
| +- a.css 
| 
+-- /Module_B 
    +- /less 
    | +- b.less 
    +- b.css 

Hier ist meine gulpfile:

var gulp = require('gulp'); 
var gutil = require('gulp-util'); 
var less = require('gulp-less'); 

gulp.task('compileLess', function() { 
    gulp.src('./*/less/*.less') 
    .pipe(less()) 
    .pipe(gulp.dest(???)); 
}); 

gulp.task('default', ['compileLess']); 

Ich weiß gulp.dest() erwartet einen Weg in aber in meinem Beispiel weitergegeben wird der Pfad unterschiedlich sein, basierend auf der Quelle Datei. Also, wie kann ich den Pfad von der Quelle packen, ihn modifizieren und ihn dann in gulp.dest() übergeben?

Oder mache ich das falsch?

Answer 1

sollten Sie einen Blick auf gulp-rename

Ziemlich viel:

gulp.src('./*/less/*.less') 
    .pipe(less()) 
    .pipe(rename(function(path){ 
    // Do something/modify the path here   
    })) 
    .pipe(gulp.dest('./finalRootDestination')) 

Sie gulp.dest bei Endausgabe dir zeigen lassen, aber ändern auf der die einzelnen Dateipfade fliegen, gleich aus welcher Logik Du willst innerhalb des Callbacks gulp-rename.

Answer 2

in Ihrer src setzen Sie die base Option und es wird der ursprüngliche Pfad Ihrer weniger Datei beibehalten.

gulp.task('compileLess', function() { 
    gulp.src('./*/less/*.less', {base: './'}) 
    .pipe(less()) 
    .pipe(gulp.dest('./dist')); 
}); 

Das Ziel ./dist kann alles sein. Wo auch immer Ihre Dateistruktur platziert werden soll.

Weitere Informationen hier: https://github.com/wearefractal/glob-stream#options