Instale o gulp-htmlmin com o npm por um comando:
NPM install gulp-htmlmin-save-dev
Após a conclusão da instalação, abra o arquivo gulpfile.js, escrevemos uma tarefa para compactar especificamente HTML e executar uma série de processamento no HTML:
var gulp = requer ('gulp'); var htmlmin = requer ('gulp-htmlmin'); gulp.Task ('html', function () {var options = {COLLAPSEWHITESPACE: Verdadeiro, colapsoBooleanAttributes: True, RemoveComments: True, RemoverEmptyAttributes: True, RemoveScriptTyPeatTributes: true, removestylinktypeattributes: true, minifyjs: true, minifss: verdadeiro }; gulp.src ('app/**/*. html').Vemos que existe uma opção de configuração na tarefa, que apresentará o papel de suas propriedades:
1.Collapsewhitespace: A partir do significado literal, deve -se observar que os espaços de limpeza e a compactação de HTML são mais importantes, com um efeito relativamente grande, e a quantidade de compressão causada por alterações também é particularmente grande;
2.CollapseBoOLeanAttributes: omite o valor do atributo booleano, como: <input checked = "checked"/>, depois de definir esse atributo, ele se tornará <inpus verificado/>;
3.RemoveComments: Limpe os comentários no HTML, devemos reduzir os comentários na página HTML.
4.RemoveEmptyAttributes: limpe todos os atributos vazios,
5.RemoveSciptTyPeatTributes: limpe o atributo type = "text/javascript" em todas as tags de script.
6.RemovestylinkTyPeatTributes: limpe os atributos de tipo em todas as tags de link.
7.MinifyJs: Compress Código JavaScript em HTML.
8.MinifyCSs: Compressa o código CSS em HTML.
Em resumo, o princípio da compactação de HTML é limpar o código inútil, excluir atributos com valores padrão e compactar HTML ao mínimo, para melhorar o desempenho da operação do projeto.