gulp
Réduire le code HTML

Réduire le code HTML à l'aide de gulp-htmlmin

Tout d'abord, installez gulp et gulp-htmlmin dans le répertoire du projet localement

npm install --save-dev gulp gulp-htmlmin

Ajoutez ensuite la tâche minify-html à votre 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']);

Cette tâche recherche tous les fichiers dans le répertoire source avec une extension .html , les minifie, puis affiche les fichiers résultants dans le répertoire public .

La tâche dans le code est ajoutée en tant que dépendance pour la tâche 'default' . Chaque fois que la default sera exécutée, minify-html sera exécutée avant.

Vous pouvez également appeler la tâche minify-html manuellement en exécutant la commande:

gulp minify-html