欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用GruntJS構(gòu)建Web程序之Tasks(任務(wù))篇

 更新時間:2014年06月06日 11:10:43   作者:  
任務(wù)(Tasks)是grunt的核心概念,你所做的很多工作比如資源合并(concat)、壓縮(uglify)都是在配置任務(wù)。 每次grunt運行的時候,你指定的一個或多個任務(wù)也在運行,如果你沒有指定任務(wù),那么一個默認名為“default”的任務(wù)將自動運行。

如何自定義Grunt任務(wù)

有時我們需要寫一些自己的grunt任務(wù),下面是一個具體例子

一、準(zhǔn)備

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

package.json

復(fù)制代碼 代碼如下:
 
{
    "name": "g1",
    "version": "0.1.0",
    "author": "@snandy",
    "homepage": "http://www.g1.com",
    "devDependencies": {
        "grunt": "~0.4.0"
    }
}

4. cd進入g1,npm install安裝grunt包

這整個目錄結(jié)構(gòu)如下

Gruntfile.js暫時空著。

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

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

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

Gruntfile.js里填入一下代碼

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

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

進入到g1目錄,輸入 grunt mytask

再輸入 grunt mytask:snandy


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

再輸入 grunt mytask:snandy:backus


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

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

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

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

復(fù)制代碼 代碼如下:
 
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í)行三個子任務(wù)t1,t2,t3

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


四、任務(wù)間通訊

在一個任務(wù)內(nèi)部可以調(diào)用另外一個任務(wù),如下

復(fù)制代碼 代碼如下:
 
module.exports = function(grunt) {

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

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

進入命令行,輸入grunt

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

復(fù)制代碼 代碼如下:

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

相關(guān)文章

  • node前端開發(fā)模板引擎Jade的入門

    node前端開發(fā)模板引擎Jade的入門

    這篇文章主要介紹了node前端開發(fā)模板引擎Jade的入門,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • 淺析Node.js實現(xiàn)HTTP文件下載

    淺析Node.js實現(xiàn)HTTP文件下載

    本文介紹如何用Node.js來實現(xiàn)HTTP文件下載,文章以實例演示所以很詳細,有需要的小伙伴們可以參考學(xué)習(xí)。
    2016-08-08
  • 如何設(shè)置process.env.NODE_ENV生產(chǎn)環(huán)境模式

    如何設(shè)置process.env.NODE_ENV生產(chǎn)環(huán)境模式

    process.env.NODE_ENV默認只有兩種狀態(tài)即development和production,本文主要介紹了process.env.NODE_ENV設(shè)置生產(chǎn)環(huán)境模式,感興趣的可以了解一下
    2021-09-09
  • Nodejs中 npm常用命令詳解

    Nodejs中 npm常用命令詳解

    npm是一個node包管理和分發(fā)工具,已經(jīng)成為了非官方的發(fā)布node模塊(包)的標(biāo)準(zhǔn)。接下來通過本文給大家介紹nodejs中 npm常用命令
    2016-07-07
  • Node.js服務(wù)器環(huán)境下使用Mock.js攔截AJAX請求的教程

    Node.js服務(wù)器環(huán)境下使用Mock.js攔截AJAX請求的教程

    Mock.js這個JavaScript庫最常見的用法便是被用來攔截AJAX請求,well,這里我們就來看一下Node.js服務(wù)器環(huán)境下使用Mock.js攔截AJAX請求的教程:
    2016-05-05
  • nodejs教程之制作一個簡單的文章發(fā)布系統(tǒng)

    nodejs教程之制作一個簡單的文章發(fā)布系統(tǒng)

    本文主要講述了使用nodejs制作一個簡單的文章發(fā)布系統(tǒng),使用mongodb數(shù)據(jù)庫,時間比較緊,功能做的也比較簡單,僅僅是增刪改查,外加附近上傳,有相同需求的小伙伴可以參考下
    2014-11-11
  • Node.js中Swagger的使用指南詳解

    Node.js中Swagger的使用指南詳解

    Swagger(目前用OpenAPI?Specification代替)是一個用于設(shè)計、構(gòu)建、記錄和使用REST?API的強大工具,本文將探討使用Swagger的一些關(guān)鍵技巧,需要的可以參考一下
    2024-01-01
  • 深入理解nodejs搭建靜態(tài)服務(wù)器(實現(xiàn)命令行)

    深入理解nodejs搭建靜態(tài)服務(wù)器(實現(xiàn)命令行)

    這篇文章主要介紹了深入理解nodejs搭建靜態(tài)服務(wù)器(實現(xiàn)命令行),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-02-02
  • nodejs中方法和模塊用法示例

    nodejs中方法和模塊用法示例

    這篇文章主要介紹了nodejs中方法和模塊用法,結(jié)合實例形式分析了nodejs方法與模塊的定義及使用方法,需要的朋友可以參考下
    2018-12-12
  • Node.js控制臺彩色輸出的方法與原理實例詳解

    Node.js控制臺彩色輸出的方法與原理實例詳解

    這篇文章主要給大家介紹了關(guān)于Node.js控制臺彩色輸出的方法與原理的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用Node.js具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-12-12

最新評論