gulp外掛(3) - gulp-htmlmin(壓縮HTML檔案)

原文來自:https://www.jianshu.com/p/fc4c84cc8d05
<pre>

功能描述

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

安裝命令

$ cnpm install gulp-htmlmin --save-dev

使用方法

例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)
});