任务（Tasks）是grunt的核心概念，你所做的很多工作比如资源合并（concat）、压缩（uglify）都是在配置任务。
每次grunt运行的时候，你指定的一个或多个任务也在运行，如果你没有指定任务，那么一个默认名为“default”的任务将自动运行。
一、准备
1. 新建一个目录g1
2. 新建package.json，放入g1
3. 新建Gruntfile.js，放入g1
package.json
|
1
2
3
4
5
6
7
8
9
|
{ "name": "g1",
"version": "0.1.0",
"author": "@snandy",
"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里填入一下代码
|
1
2
3
4
5
6
7
8
9
10
11
|
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如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
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
四、任务间通讯
在一个任务内部可以调用另外一个任务，如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
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方法即可，或者以数组形式
|
1
2
3
4
5
|
grunt.registerTask(‘default‘, ‘默认的任务‘, function() {
grunt.task.run(‘mytask1‘, ‘mytask2‘)
// 或者
grunt.task.run([‘mytask1‘, ‘mytask2‘])
}) |