gulp常用插件之gulp-htmlmin使用

更多gulp常用插件使用請訪問：gulp常用插件匯總

---

gulp-htmlmin這是一款HTML文件壓縮插件。

更多使用文檔請點擊訪問gulp-htmlmin工具官網。

安裝

一鍵安裝不多解釋

npm install --save-dev gulp-htmlmin

使用

有關所有可用選項，請參見html-minifer文檔。

const gulp = require('gulp');
const htmlmin = require('gulp-htmlmin');

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