一、contrib-htmlmin 插件的使用

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：國(guó)際域名空間、雅安服務(wù)器托管、營(yíng)銷軟件、網(wǎng)站建設(shè)、椒江網(wǎng)站維護(hù)、網(wǎng)站推廣。

1、安裝 “grunt-contrib-htmlmin ”插件命令（在終端進(jìn)入到項(xiàng)目根目錄執(zhí)行）

       npm install grunt-contrib-htmlmin --save-dev

2、在項(xiàng)目根目錄下提供 htmlmin 插件任務(wù)配置需要的 src 目錄和需要被壓縮的源文件（html 源文件放置到 src 目錄下）

       mkdir src

3、在 Gruntfile.js 文件中對(duì) htmlmin 任務(wù)進(jìn)行配置

 // 包裝函數(shù)
module.exports = function (grunt) {
     // 任務(wù)配置,所有插件的配置信息
     grunt.initConfig({
         // 獲取 package.json 的信息
         pkg: grunt.file.readJSON('package.json'),
         // htmlmin 插件的配置信息
         htmlmin: {
           options: {
               removeComments: true,           // 去除注釋信息
               collapseWhitespace: true,          // 去除空白字符
               removeEmptyAttributes: true,       // 去除標(biāo)簽的空屬性
               removeCommentsFromCDATA: true, // 去除 CDATA 的注釋信息
               removeRedundantAttributes: true   // 去除標(biāo)簽的冗余屬性
           },
           // 具體任務(wù)配置
           build: {
               files: [{
                   expand: true,
                   cwd: 'src',
                   src: '**/*.html',
                   dest: 'dest'
               }]
           }
         }
     });
// 加載指定插件任務(wù)
grunt.loadNpmTasks('grunt-contrib-htmlmin');

// 默認(rèn)執(zhí)行的任務(wù)
grunt.registerTask('default', ['htmlmin']);
};

PS：htmlmin 插件的配置有兩項(xiàng)：

       “options”中通過(guò)使用各種屬性來(lái)指定 htmlmin 壓縮時(shí)的操作。

       “build”中指定哪些 html 文件需要進(jìn)行壓縮。

4、最后在終端運(yùn)行 grunt 命令

PS：如果提示 "Done, without errors."  證明就沒(méi)什么問(wèn)題了，現(xiàn)在去項(xiàng)目根目錄下看是否已經(jīng)生成了存放壓縮文件的目錄和被壓縮后的目標(biāo)文件。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前名稱：前端自動(dòng)化工具grunt插件htmlmin的簡(jiǎn)單使用（五）-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/csicog.html