Ricerca…


Minimizza HTML usando gulp-htmlmin

Innanzitutto, installa gulp e gulp-htmlmin per proiettare la directory localmente

npm install --save-dev gulp gulp-htmlmin

Quindi aggiungi l'attività gulpfile.js minify-html al tuo 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']);

Questa attività trova tutti i file nella directory di source con un'estensione .html , li minimizza e quindi restituisce i file risultanti alla directory public .

L'attività nel codice viene aggiunta come dipendenza per l'attività 'default' modo che ogni volta che verrà eseguita l' default , minify-html verrà eseguito prima di esso.

Puoi anche chiamare manualmente l'attività minify-html eseguendo il comando:

gulp minify-html


Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow