gulp
HTML verkleinen

Verklein HTML met behulp van gulp-htmlmin

Installeer eerst gulp en gulp-htmlmin lokaal naar de projectmap

npm install --save-dev gulp gulp-htmlmin

Voeg vervolgens de taak minify-html aan uw 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']);

Deze taak vindt alle bestanden in de source directory met een .html extensie, verkleint u hen en geeft vervolgens de resulterende bestanden naar de public map.

De taak in de code wordt toegevoegd als een afhankelijkheid van de 'default' taak, dus elke keer dat default wordt uitgevoerd, wordt minify-html uitgevoerd.

U kunt de taak minify-html handmatig oproepen door de opdracht uit te voeren:

gulp minify-html