NPM을 통해 gulp-htmlmin을 하나의 명령으로 설치하십시오.
NPM Gulp-htmlmin 설치 -Save-Dev
설치가 완료되면 GulpFile.js 파일을 열면 HTML을 구체적으로 압축하고 HTML에서 일련의 처리를 수행하는 작업을 작성합니다.
var gulp = require ( 'gulp'); var htmlmin = require ( 'gulp-htmlmin'); gulp.task ( 'html', function () {var 옵션 = {Collapsewhitespace : True, Collapsebooleanattributes : true, removecomments : true, removemptyattributes : true, removeScriptTypeattributes : true, removestylelinktypeattributes : true, minifyjs : true, minifycss : true }; gulp.src ( 'app/**/*. html'). 파이프 (htmlmin (옵션)). 파이프 (gulp.dest ( 'dest/'));작업에 설정 옵션이 있음을 알 수 있습니다.이 옵션은 속성의 역할을 소개합니다.
1. Collapsewhitespace : 문자 그대로의 의미에서, 청소 공간과 압축 HTML이 비교적 큰 효과와 함께, 변화로 인한 압축의 양도 특히 큽니다.
2. CollapsebooleanAttributes : <input checked = "Checked"/>,이 속성을 설정하면 <입력 checked/>가됩니다.
3. RemoveComments : HTML에서 주석을 지우려면 HTML 페이지의 주석을 줄여야합니다.
4. removeembemptyattributes : 모든 빈 속성을 지우십시오.
5. removesciptTypeattributes : 모든 스크립트 태그에서 유형 = "text/javaScript"속성을 지우십시오.
6. removestylelinktypeattributes : 모든 링크 태그의 유형 속성을 지우십시오.
7.minifyjs : HTML에서 JavaScript 코드를 압축합니다.
8.minifycss : HTML에서 CSS 코드를 압축하십시오.
요컨대, HTML을 압축하는 원칙은 쓸모없는 코드를 지우고, 기본값으로 속성을 삭제하고, HTML을 최소로 압축하여 프로젝트 작업의 성능을 향상시키는 것입니다.