gulp
HTML reduzieren

Reduzieren Sie HTML mit gulp-htmlmin

Installieren Sie zunächst gulp und gulp-htmlmin um das Projektverzeichnis lokal zu gulp-htmlmin

npm install --save-dev gulp gulp-htmlmin

minify-html dann die Aufgabe minify-html zu Ihrer gulpfile.js

var gulp = require('gulp');
var htmlmin = require('gulp-htmlmin');

// Task to minify HTML
gulp.task('minify-html', function() {
return gulp.src('source/*.html')
.pipe(htmlmin())
.pipe(gulp.dest('public/'));
});

gulp.task('watch', function (){
    gulp.watch('source/*.html', ['minify-html']);
// other tasks
});

gulp.task('default', ['minify-html', 'watch']);

Diese Task sucht alle Dateien im source mit der Erweiterung .html , minimiert sie und gibt die resultierenden Dateien an das public Verzeichnis aus.

Die Task im Code wird als Abhängigkeit für die 'default' minify-html Task hinzugefügt. Bei jeder Ausführung von default wird minify-html davor ausgeführt.

Sie können die minify-html Task auch manuell aufrufen, indem Sie den Befehl minify-html :

gulp minify-html