Szukaj…


Zminimalizuj HTML za pomocą gulp-htmlmin

Najpierw zainstaluj gulp i gulp-htmlmin do lokalnego katalogu projektu

npm install --save-dev gulp gulp-htmlmin

Następnie dodaj zadanie minify-html do 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']);

To zadanie znajduje wszystkie pliki w katalogu source z rozszerzeniem .html , minimalizuje je, a następnie wyprowadza powstałe pliki do katalogu public .

Zadanie w kodzie jest dodawane jako zależność dla zadania 'default' więc za każdym razem, gdy zostanie uruchomione default , minify-html uruchomi się przed nim.

Możesz także wywołać zadanie minify-html ręcznie, uruchamiając polecenie:

gulp minify-html


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow