 
{
    "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暫時空著。

二、創(chuàng)建一個最簡單的任務

grunt.registerTask(taskName, [description,] taskFunction)

taskName 任務名稱，命令行里使用 grunt + taskName
description 任務的描述
taskFunction 任務的實現(xiàn)

Gruntfile.js里填入一下代碼

復制代碼代碼如下:

 
module.exports = function(grunt) {
    grunt.registerTask('mytask', '一個最簡單的任務演示，根據(jù)參數(shù)打印不同的輸出.', function(arg1, arg2) {
        if (arguments.length === 0) {
            grunt.log.writeln('任務' + this.name + ", 沒有傳參數(shù)");
        } else if (arguments.length === 1) {
            grunt.log.writeln('任務' + this.name + ", 有一個參數(shù)是" + arg1);
        } else {
            grunt.log.writeln('任務' + this.name + ", 有兩個參數(shù)分別是" + arg1 + ", " + arg2);
        }
    });
};

注冊了一個任務“mytask”，實現(xiàn)一個最簡單的根據(jù)所傳參數(shù)不同實現(xiàn)不同的打印輸出，看運行結果我們需要進入命令行。

進入到g1目錄，輸入 grunt mytask

再輸入 grunt mytask:snandy

任務名后面加一個冒號就可以傳參了

再輸入 grunt mytask:snandy:backus

冒號間隔可以傳多個參數(shù)

三、一次創(chuàng)建多個任務

grunt.registerMultiTask(taskName, [description,] taskFunction)

可以看到參數(shù)是一樣的，方法名不同。但使用方式卻不太同，需要先初始化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，會依次執(zhí)行三個子任務t1,t2,t3

分別輸入 grunt log:t1, grunt log:t2, grunt log:t3

四、任務間通訊

在一個任務內部可以調用另外一個任務，如下

復制代碼代碼如下:

 
module.exports = function(grunt) {

    grunt.registerTask('mytask', '一個最簡單的任務演示，根據(jù)參數(shù)打印不同的輸出.', function(arg1, arg2) {
        if (arguments.length === 0) {
            grunt.log.writeln('任務' + this.name + ", 沒有傳參數(shù)");
        } else if (arguments.length === 1) {
            grunt.log.writeln('任務' + this.name + ", 有一個參數(shù)是" + arg1);
        } else {
            grunt.log.writeln('任務' + this.name + ", 有兩個參數(shù)分別是" + arg1 + ", " + arg2);
        }
    });

    grunt.registerTask('default', '默認的任務', function() {
        // 調用mytask
        grunt.task.run('mytask:param1:param2')
    })
};

進入命令行，輸入grunt

調用多個任務，以逗號分隔傳給run方法即可，或者以數(shù)組形式

復制代碼代碼如下:

grunt.registerTask('default', '默認的任務', function() {
    grunt.task.run('mytask1', 'mytask2')
    // 或者
    grunt.task.run(['mytask1', 'mytask2'])   
})

您可能感興趣的文章: