gulp
HTML 축소

gulp-htmlmin을 사용하여 HTML을 축소하십시오.

첫째, 설치 gulp 하고 gulp-htmlmin 로컬 디렉토리를 프로젝트

npm install --save-dev gulp gulp-htmlmin

그런 다음 gulpfile.js minify-html 작업을 추가하십시오.

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']);

이 작업은 source 디렉토리의 .html 확장자를 가진 모든 파일을 찾아서 축소 한 다음 결과 파일을 public 디렉토리로 출력합니다.

코드의 작업은 'default' 작업의 종속성으로 추가되므로 default 가 실행될 때마다 minify-html 이 실행됩니다.

다음 명령을 실행하여 minify-html 작업을 수동으로 호출 할 수도 있습니다.

gulp minify-html