使用GruntJS构建Web程序之Tasks（任务）篇

更新时间：2014年06月06日 11:10:43 作者：

任务（Tasks）是grunt的核心概念，你所做的很多工作比如资源合并（concat）、压缩（uglify）都是在配置任务。每次grunt运行的时候，你指定的一个或多个任务也在运行，如果你没有指定任务，那么一个默认名为“default”的任务将自动运行。

如何自定义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'])   
})

您可能感兴趣的文章:

node前端开发模板引擎Jade的入门
这篇文章主要介绍了node前端开发模板引擎Jade的入门,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-05-05
浅析Node.js实现HTTP文件下载
本文介绍如何用Node.js来实现HTTP文件下载，文章以实例演示所以很详细，有需要的小伙伴们可以参考学习。
2016-08-08
如何设置process.env.NODE_ENV生产环境模式
process.env.NODE_ENV默认只有两种状态即development和production，本文主要介绍了process.env.NODE_ENV设置生产环境模式，感兴趣的可以了解一下
2021-09-09
Nodejs中 npm常用命令详解
npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。接下来通过本文给大家介绍nodejs中 npm常用命令
2016-07-07
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
Mock.js这个JavaScript库最常见的用法便是被用来拦截AJAX请求,well,这里我们就来看一下Node.js服务器环境下使用Mock.js拦截AJAX请求的教程:
2016-05-05
nodejs教程之制作一个简单的文章发布系统
本文主要讲述了使用nodejs制作一个简单的文章发布系统，使用mongodb数据库，时间比较紧，功能做的也比较简单，仅仅是增删改查，外加附近上传，有相同需求的小伙伴可以参考下
2014-11-11
Node.js中Swagger的使用指南详解
Swagger（目前用OpenAPI Specification代替）是一个用于设计、构建、记录和使用REST API的强大工具,本文将探讨使用Swagger的一些关键技巧,需要的可以参考一下
2024-01-01
深入理解nodejs搭建静态服务器(实现命令行)
这篇文章主要介绍了深入理解nodejs搭建静态服务器(实现命令行)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-02-02
nodejs中方法和模块用法示例
这篇文章主要介绍了nodejs中方法和模块用法,结合实例形式分析了nodejs方法与模块的定义及使用方法,需要的朋友可以参考下
2018-12-12
Node.js控制台彩色输出的方法与原理实例详解
这篇文章主要给大家介绍了关于Node.js控制台彩色输出的方法与原理的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Node.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-12-12