如何自定義Grunt任務
有時我們需要寫一些自己的grunt任務,下面是一個具體例子
一、準備
1. 新建一個目錄g1
2. 新建package.json,放入g1
3. 新建Gruntfile.js,放入g1
package.json
複製代碼代碼如下:
{
"name": "g1",
"version": "0.1.0",
"author": "@snandy",
"homepage": "http://www.g1.com",
"devDependencies": {
"grunt": "~0.4.0"
}
}
4. cd進入g1,npm install安裝grunt包
這整個目錄結構如下
Gruntfile.js暫時空著。
二、創建一個最簡單的任務
grunt.registerTask(taskName, [description,] taskFunction)
taskName 任務名稱,命令行里使用grunt + taskName
description 任務的描述
taskFunction 任務的實現
Gruntfile.js裡填入一下代碼
複製代碼代碼如下:
module.exports = function(grunt) {
grunt.registerTask('mytask', '一個最簡單的任務演示,根據參數打印不同的輸出.', function(arg1, arg2) {
if (arguments.length === 0) {
grunt.log.writeln('任務' + this.name + ", 沒有傳參數");
} else if (arguments.length === 1) {
grunt.log.writeln('任務' + this.name + ", 有一個參數是" + arg1);
} else {
grunt.log.writeln('任務' + this.name + ", 有兩個參數分別是" + arg1 + ", " + arg2);
}
});
};
註冊了一個任務“mytask”,實現一個最簡單的根據所傳參數不同實現不同的打印輸出,看運行結果我們需要進入命令行。
進入到g1目錄,輸入grunt mytask
再輸入grunt mytask:snandy
任務名後面加一個冒號就可以傳參了
再輸入grunt mytask:snandy:backus
冒號間隔可以傳多個參數
三、一次創建多個任務
grunt.registerMultiTask(taskName, [description,] taskFunction)
可以看到參數是一樣的,方法名不同。但使用方式卻不太同,需要先初始化config,Gruntfile.js如下
複製代碼代碼如下:
module.exports = function(grunt) {
grunt.initConfig({
log: {
t1: [1, 2, 3],
t2: 'hello world',
t3: false
}
});
grunt.registerMultiTask('log', 'Log stuff.', function() {
grunt.log.writeln(this.target + ': ' + this.data);
});
};
進入g1目錄,分別測試下
輸入grunt,會依次執行三個子任務t1,t2,t3
分別輸入grunt log:t1, grunt log:t2, grunt log:t3
四、任務間通訊
在一個任務內部可以調用另外一個任務,如下
複製代碼代碼如下:
module.exports = function(grunt) {
grunt.registerTask('mytask', '一個最簡單的任務演示,根據參數打印不同的輸出.', function(arg1, arg2) {
if (arguments.length === 0) {
grunt.log.writeln('任務' + this.name + ", 沒有傳參數");
} else if (arguments.length === 1) {
grunt.log.writeln('任務' + this.name + ", 有一個參數是" + arg1);
} else {
grunt.log.writeln('任務' + this.name + ", 有兩個參數分別是" + arg1 + ", " + arg2);
}
});
grunt.registerTask('default', '默認的任務', function() {
// 調用mytask
grunt.task.run('mytask:param1:param2')
})
};
進入命令行,輸入grunt
調用多個任務,以逗號分隔傳給run方法即可,或者以數組形式
複製代碼代碼如下:
grunt.registerTask('default', '默認的任務', function() {
grunt.task.run('mytask1', 'mytask2')
// 或者
grunt.task.run(['mytask1', 'mytask2'])
})