gulp
HTMLの縮小

gulp-htmlminを使用してHTMLを縮小する

まず、インストールgulpとgulp-htmlminローカルディレクトリを投影します

npm install --save-dev gulp gulp-htmlmin

その後、追加minify-htmlあなたにタスクをgulpfile.js

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

このタスクでは、拡張子が.html sourceディレクトリ内のすべてのファイルが検索され、それらが縮小され、結果のファイルがpublicディレクトリに出力されます。

コード内のタスクは'default'タスクの依存関係として追加されるため、 defaultが実行されるたびにminify-htmlがその前に実行されます。

次のコマンドを実行して、 minify-htmlタスクを手動で呼び出すこともできます。

gulp minify-html