Gulp, Pug - Wie kompiliere ich alle .pug-Dateien in Unterverzeichnissen von src/directory nach/dist, damit sie die Verzeichnishierarchie beibehalten?

Question

Ich habe meine src/ Verzeichnis wie folgt:

src/ 
---about/ 
------history.pug 
------mission.pug 
---contact/ 
------email.pug 
---index.pug 

Ich möchte meine .pug Dateien so erstellt werden, dass sie diese Verzeichnishierarchie auch im dist/ Verzeichnis beibehalten. Etwas wie:

dist/ 
---about/ 
------history.html 
------mission.html 
---contact/ 
------email.html 
---index.html 

Ich benutze Gulp, um die Mops-Dateien zu verarbeiten. Kann dies mit einer Aufgabe erreicht werden, die Schluck verwendet, oder anders? Vielen Dank!

Die Gulp Aufgabe mein Mops-Dateien für die Bearbeitung:

gulp.task('pug', function() { 
    return gulp.src('src/pug/*.pug') 
    .pipe(pug({ 
     basedir: "./" 
    })) 
    .pipe(gulp.dest('dist/html')); 
}) 

Answer 1

gulp.task('pug', function() { 
    return gulp.src('src/**/*.pug') 
    .pipe(pug()) 
    .pipe(gulp.dest('dist')); 
}) 

Ihre Mops-Dateien erhalten und sie setzen, wo ich glaube, Sie wollen. In Ihrem Code haben Sie

.pipe(gulp.dest('dist/html')); 

aber es ist kein HTML-Ordner in Ihrer gewünschten Dist Ordner-Struktur. Gleicher Kommentar wie zu

gulp.src('src/pug/*.pug') 

Ihr src Verzeichnis nicht einen Mops Unterordner hat, also warum ist src/pug hier?

Ich glaube auch nicht {basedir: ....} ist eine Option für das Pug-Plugin, also habe ich es entfernt.