gulp插件(3) - gulp-htmlmin(壓縮HTML檔案)

功能描述

html檔案壓縮，可以壓縮頁面javascript、css，去除頁面空格、注釋，删除多餘屬性等操作。

安裝指令

使用方法

例1：基本使用

var gulp     = require('gulp'),
    htmlmin  = require('gulp-htmlmin'),
    pump     = require('pump');

gulp.task('testHtmlmin', function () {
    pump([
        gulp.src('src/html/*.html'),
        htmlmin(),
        gulp.dest('dist/html')
    ], cb)
});
           

例2：使用參數配置，其它參數請檢視這裡

var gulp = require('gulp'),
    htmlmin = require('gulp-htmlmin');

gulp.task('testHtmlmin', function () {
    var options = {
        removeComments: true,//清除HTML注釋
        collapseWhitespace: true,//壓縮HTML
        collapseBooleanAttributes: true,//省略布爾屬性的值 <input checked="true"/> ==> <input />
        removeEmptyAttributes: true,//删除所有空格作屬性值 <input id="" /> ==> <input />
        removeScriptTypeAttributes: true,//删除<script>的type="text/javascript"
        removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"
        minifyJS: true,//壓縮頁面JS
        minifyCSS: true//壓縮頁面CSS
    };
    pump([
        gulp.src('src/html/*.html'),
        htmlmin(options),
        gulp.dest('dist/html')
    ], cb)
});