任务(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‘ ]) }) |
原文:http://www.cnblogs.com/snandy/p/3534862.html