Installieren Sie Gulp-htmlmin mit NPM über einen Befehl:
NPM Installieren Sie Gulp-htmlmin-Save-dev
Nach Abschluss der Installation öffnen Sie die Datei gulpFile.js. Wir schreiben eine Aufgabe, um HTML spezifisch zu komprimieren und eine Reihe von Verarbeitungen auf der HTML durchzuführen:
var gulp = required ('gulp'); var htmlmin = require ('gulp-htmlmin'); gulp.task ('html', function () {var options = {collapsewhiteSpace: true, collapsbooleanAttributes: true, removecommments: true, removeTeMptyAttributes: true, removescriptTypeTtributes: true, removestyleLinkTypeTtributes: true, minifyjs: true, minifycs: true }; gulp.src ('app/**/*.Wir sehen, dass die Aufgabe eine Einstellungsoption gibt, die die Rolle ihrer Eigenschaften einführt:
1.Collapsewhitespace: Aus der wörtlichen Bedeutung ist zu erkennen, dass das Löschen von Räumen und die Komprimierung von HTML mit relativ großer Wirkung wichtiger ist, und die durch Änderungen verursachte Menge an Komprimierung ist ebenfalls besonders groß.
2.CollapsbooleanAttributes: Lassen Sie den Wert des booleschen Attributs aus, wie z.
3.Removecomments: Löschen Sie die Kommentare in der HTML, wir sollten die Kommentare auf der HTML -Seite reduzieren.
4.RemoveEmptyAttributes: Alle leeren Attribute löschen,
5.RemoveSciptTypeTtributes: Löschen Sie das Attribut type = "text/javaScript" in allen Skript -Tags.
6.RemovestyleLinkTypeTtributes: Löschen Sie die Typattribute auf allen Link -Tags.
7.MinifyJS: Kompress JavaScript -Code in HTML.
8.MinifyCSS: Komprimieren Sie den CSS -Code in HTML.
Kurz gesagt, das Prinzip der Komprimierung von HTML besteht darin, nutzlose Code zu löschen, Attribute mit Standardwerten zu löschen und HTML auf das Minimum zu komprimieren, um die Leistung des Projektbetriebs zu verbessern.