gulp
Minifiera HTML

Förminska HTML med gulp-htmlmin

Först installera gulp och gulp-htmlmin att projektera katalogen lokalt

npm install --save-dev gulp gulp-htmlmin

Lägg sedan till minify-html uppgiften till din 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']);

Denna uppgift hittar alla filer i source med en .html förlängning, minimerar dem och matar sedan ut de resulterande filerna till public katalogen.

Uppgiften i koden läggs till som ett beroende för 'default' -uppgiften så att varje gång default körs kommer minify-html att köras före den.

Du kan också ringa minify-html uppgiften manuellt genom att köra kommandot:

gulp minify-html