使用GruntJS建構Web程式之Tasks（任務）篇_node.js

如何自訂Grunt任務

有時我們需要寫一些自己的grunt任務，以下是一個具體例子

一、準備

1. 新建一個目錄g1
2. 新建package.json，放入g1
3. 新建Gruntfile.js，放入g1

package.json

複製程式碼 程式碼如下:

 
{
  "name": " 
    "version": "0.1.0",
    "author": "@snandy",
    "homepage": "http://www.g1.com",
   "homepage": "http://www.g1.com",
   "homepage": "http://www.g1.com",   "homepage": "http://www.g1.com",  : {
        "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) {        if (arguments.length === 0) {        } else if (arguments.length === 1) {
   ", 有一個參數是" arg1);
        } else {
            .log.writeln('任務' this.name "對於有兩個參數分別是 arg grunt, argriteln('任務' this.name """" }
    });
};

註冊了一個任務“mytask”，實作一個最簡單的根據所傳參數不同實現不同的列印輸出，看運行結果我們需要進入命令列。

進入g1目錄，輸入 grunt mytask

再輸入 grunt mytask:snandy

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

再輸入 grunt mytask:snandy:backus

冒號間隔可以傳送多個參數

三、一次建立多個任務

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

可以看到參數是一樣的，方法名稱不同。但使用方式卻不太同，需要先初始化config，Gruntfile.js如下

複製程式碼 程式碼如下: 

module.exports = function(grunt) {        log: {
            t1: [1, 2, 3,          t3: false
        }
    });

    grunt.registerMultiTask('log', 'Log stuff.', function() {
        
};



進入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('任務' ments.length === 1) {
            grunt.log.writeln('任務' this.name ", 有參數是" arg1);
    ln('任務' this .name ", 有兩個參數分別是" arg1 ", " arg2);
        }
    });

    grunt.registerTask(default', ' ) {
        // 呼叫mytask
        grunt.task.run('mytask:param1:param2')
   
進入命令列，輸入grunt

呼叫多個任務，以逗號分隔傳給run方法即可，或以陣列形式

複製程式碼

程式碼如下:grunt.registerTask('default', '預設的任務', function() {    grunt.task.run('mytask1', 'mytask2')    // 或    grunt.task.run(['mytask1 或

    grunt.task.run(['mytask1', 'mytask1', 'mytask')) >})