gulp-htmlmin 的簡介：

成都創新互聯公司是一家專注于成都網站設計、網站建設與策劃設計,肥西網站建設哪家好?成都創新互聯公司做網站,專注于網站建設十多年,網設計領域的專業建站公司;建站業務涵蓋:肥西等地區。肥西做網站價格咨詢:13518219792

            gulp-htmlmin 插件用來壓縮 html 文件，可以壓縮頁面 javascript，css，去除頁面空格，注釋，刪除多余屬性等操作。

一、gulp-htmlmin 插件的使用

1、安裝 “gulp-htmlmin”插件命令（在終端進入到項目根目錄執行）

            npm install --save-dev  gulp-load-plugins gulp-htmlmin

2、在項目根目錄下提供 "gulp-htmlmin" 插件任務配置需要的 src 目錄和源文件（源文件放置到 src 目錄下）

            mkdir src

3、在 gulpfile.js 文件中配置使用 "gulp-htmlmin"

 具體示例：
var gulp = require('gulp'),    
      plugins = require('gulp-load-plugins')();    // 裝載插件
      
gulp.task('htmlmin', function () {               // 自定義 "htmlmin" 任務
    return gulp.src('src/html/*.html')          // 模糊匹配 src/html 目錄下所有 html 文件
        .pipe(plugins.htmlmin({
                        removeComments: true,                      // 清除 HTML 注釋
                        collapseWhitespace: true,                    // 省略空白
                        collapseBooleanAttributes: true,          // 省略所有標簽內的布爾屬性
                       removeEmptyAttributes: true,              // 清除所有標簽內值為空的屬性
                       removeScriptTypeAttributes: true,       // 清除 <script> 標簽內的 type 屬性
                       removeStyleLinkTypeAttributes: true,  // 清除 <style> 和 <link> 標簽內的 type 屬性
                       minifyJS: true,                                       // 壓縮 html 頁面內的 js 代碼
                       minifyCSS: true                                     // 壓縮 html 頁面內的 css 代碼
                       
        }))
        .pipe(gulp.dest('dist/html'));             // 壓縮后的文件存放路徑
});

4、最后在終端運行 "gulp htmlmin" 命令

PS：如果沒有錯誤提示信息，證明就沒什么問題了。現在去項目根目錄下看是否生成 "dist/html" 目錄和目標文件。未完待續。。。

本文標題：gulp插件之gulp-htmlmin
URL分享：http://vcdvsql.cn/article8/jhisip.html

成都網站建設公司_創新互聯，為您提供網站收錄、品牌網站設計、外貿建站、搜索引擎優化、網站排名、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯