Buscar..


Minificar HTML utilizando gulp-htmlmin

Primero, instale gulp y gulp-htmlmin en el directorio del proyecto localmente

npm install --save-dev gulp gulp-htmlmin

Luego agregue la tarea gulpfile.js minify-html a su 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']);

Esta tarea busca todos los archivos en el directorio de source con una extensión .html , los minimiza y luego envía los archivos resultantes al directorio public .

La tarea en el código se agrega como una dependencia para la tarea 'default' , por lo que cada vez que se ejecute el default , minify-html se ejecutará antes.

También puede llamar a la tarea minify-html manualmente ejecutando el comando:

gulp minify-html


Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow