如何自定義Grunt任務

任務（Tasks）是grunt的核心概念，你所做的很多工作比如資源合並（concat）、壓縮（uglify）都是在配置任務。
每次grunt運行的時候，你指定的一個或多個任務也在運行，如果你沒有指定任務，那么一個默認名為“default”的任務將自動運行。

 

有時我們需要寫一些自己的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'])    
})