Grunt常用外掛程式及示例說明

2021-07-25 13:46:01 字數 1803 閱讀 6798

下述給出了常用grunt外掛程式,並列舉了部分外掛程式示例:

外掛程式名稱

說明github位址

grunt-contrib-clean

清空檔案和資料夾

grunt-contrib-copy

複製檔案和資料夾

grunt-contrib-concat

連線、合併檔案

grunt-svgstore

(svg)從指定資料夾合併svg

grunt-csscomb

(css)格式化

grunt-contrib-less

(css)將less編譯成css

grunt-contrib-cssmin

(css檔案)壓縮

grunt-contrib-uglify

(js檔案)壓縮

grunt-contrib-htmlmin

(html檔案)壓縮

grunt-filerev

檔案內容hash(md5)

grunt-filerev-replace

替換通過grunt-filerev的檔案引用

grunt-text-replace

(文字檔案)使用字串、正則、函式替換內容

grunt-html-build

(html檔案)增加js、css、模板引用,移除除錯**

grunt-autoprefixer

新增字首依賴can i use資料庫

grunt-parallel

並行執行命令和任務

grunt-contrib-watch

檔案發生改變執行任務

load-grunt-tasks

使用萬用字元載入所有任務

time-grunt

顯示執行任務的執行時間

gruntfile.js 骨架

'use strict';

module.exports = function

(grunt);

grunt.initconfig();

/* 載入所有外掛程式 */

require('load-grunt-tasks')(grunt);

/* 統計各個任務執行時間 */

require('time-grunt')(grunt);

};

示例:將1.html檔案中的var requestaddress = "";替換為var requestaddress = "";

// grunt-text-replace 使用字串、正則、函式替換文字內容// grunt.initconfig({})中增加task

replace: ]

}}

示例:給1.js增加md5戳,並替換1.html對1.js引用

// grunt-filerev 檔案加md5摘要

// grunt-filerev-replace 替換通過grunt-filerev的檔案引用

// grunt.initconfig({})中增加task

filerev: ,

js:

},filerev_replace: ,

js:

}// 註冊任務

grunt.registerinittask("js-md5", "add md5 for js", ['filerev:js', 'filerev_replace:js']);

grunt常用外掛程式具體用法(中)

我們就常用的幾個grunt外掛程式來詳細說明下 1.grunt contrib sass module.exports function grunt files grunt.registertask default sass module.exports function grunt grunt.r...

Esri Leaflet示例索引及說明

featurelayer.query nearby e.latlng,500 ids function error,ids neighborhoods.query 這裡的relationship.value表示空間操作,可以是within,contains,intersects,overlaps等。...

MPI函式說明及示例

mpi函式說明 1 並行初始化函式 int mpi init int argc,char argv 引數描述 argc為變數數目,argv為變數陣列,兩個引數均來自main函式的引數 2 並行結束函式 int mpi finalize 例如 hello.c include mpich2 includ...