Instale gulp-htmlmin con npm a través de un comando:
NPM Instalar gulp-htmlmin -save-devel
Una vez que se completa la instalación, abra el archivo gulpFile.js, escribimos una tarea para comprimir específicamente HTML y realizar una serie de procesamiento en el HTML:
var gulp = require ('gulp'); var htmlmin = require ('gulp-htmlmin'); gulp.task ('html', function () {var options = {colapsowhitespace: true, colapseBooleanAttributes: true, eliminaComments: verdadero, eliminarTyAttributes: true, eliminarTypeAttributes: true, eliminaryLeLEnTypeAtTributes: verdadero, minifyjs: true, minifycss: true: true: true: verdadero }; gulp.src ('app/**/*. html'). pipe (htmlmin (opciones)). pipe (gulp.dest ('dest/'));Vemos que hay una opción de configuración en la tarea, que introducirá el papel de sus propiedades:
1.Colapsewhitespace: desde el significado literal, se debe ver que la limpieza de espacios y la compresión de HTML es más importante, con un efecto relativamente grande, y la cantidad de compresión causada por cambios también es particularmente grande;
2.CollapseBooleanAttributes: omita el valor del atributo booleano, como: <input checked = "checked"/>, luego, después de configurar este atributo, se convertirá en <Input checked/>;
3. Removecomments: Borre los comentarios en el HTML, debemos reducir los comentarios en la página HTML.
4.RemoveEptyAttributes: borre todos los atributos vacíos,
5.removescipttypeAttributes: borrar el atributo type = "text/javaScript" en todas las etiquetas de script.
6.RemovestyLelEnkTypeAttributes: borre los atributos de tipo en todas las etiquetas de enlace.
7.Minifyjs: Comprima el código JavaScript en HTML.
8.MinifyCSS: comprime el código CSS en HTML.
En resumen, el principio de comprimir HTML es borrar el código inútil, eliminar los atributos con valores predeterminados y comprimir HTML al mínimo, para mejorar el rendimiento de la operación del proyecto.