Erzeugen einer lokalen HTML-Datei mit PUG (npm/gulp)

Question

Wie erstelle ich eine HTML-Datei mit dem gleichen Namen wie meine Mops-Datei jedes Mal, wenn ich mit Schluck speichern?

Alle Dokumente auf https://pugjs.org/ erklären, wie Mops in Konsole zurückzukehren ...

Answer 1

Sie benötigen Aufgabe Läufer oder Modul bundler dafür. Wählen Sie also ein -grunt/schluck/webpack. Betrachten Sie Webpack als neueste und beste Funktionalität.

Hier ein Beispiel Breite Schluck als moust leicht aus meiner Sicht zu verstehen.

Zuerst installieren Sie npm Pakete für Mops kompilieren und auf Änderungen achten - npm install --save gulp-pug gulp-watch.

Dann erstellen und konfigurieren Sie Ihre gulpfile.js.

Ersteinfuhr ein npm Module

var pug = require('gulp-pug'); 
var watch = require('gulp-watch'); 

erstellen Dann Aufgabe Kompilieren

gulp.task('pug',function() { 
return gulp.src('PATH_TO_TEMPLATES/*.jade') 
.pipe(pug({ 
    doctype: 'html', 
    pretty: false 
})) 
.pipe(gulp.dest('./src/main/webapp/')); 
}); 

Und dann Beobachter schaffen

gulp.task('watch', function() { 
return watch('PATH_TO_TEMPLATES/*.jade', { ignoreInitial: false }) 
    .pipe(gulp.dest('pug')); 
}); 

Und laufen gulp-watch von Ihnen trösten.