使用 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