创建任务:task.registerTask / registerTask

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

先用编辑器打开项目的根目录 ... 这里我用的是 atom 编辑器 ... command + o ,找到桌面上的 ninghao-grunt ... 然后先去创建一个 Gruntfile ... 新建文件 ... 文件的名字是 Gruntfile.js ....

文件一开始要用一个 module.exports ... 等于一个匿名函数 ... 这个函数授受一个叫 grunt 的参数 ... 这个 module.exports 是来自 node.js 的模块系统。

这样在这个花括号的里面,我们就可以使用 grunt 的一些方法去创建任务了 ... 注册一个任务可以使用 grunt 的 registerTask 这个方法 ... grunt.registerTask() ... 这个方法有两个参数,第一个参数就是任务的名字 ... 这里我们设置成 'default' ... 逗号分隔开 ... 它的第二个参数就是这个任务具体要做的事情 ...

用一个匿名函数 ... 在这里,我们可以使用 node.js 的 console.log 输出一些文字 ... Hello Grunt! ... 这样我们就定义好一个 grunt 任务 ... 名字是 default ... 要做的事就是输出 Hello Grunt!

保存 ... 回到命令行工具 ... 先进入到项目的根目录 ... 然后输入 grunt ... 后面加上要执行的任务的名字 default ... 这样会去执行我们在 Gruntfile.js 里定义好的 default 这个任务 ... 在这里会显示 Hello Grunt! ...

因为 Grunt 默认执行的任务就是 default .. 所以我们可以直接输入 grunt ... 同样会去执行这个 default 任务 ... 在这个任务里用的是 node.js 的 console.log ... 如果你真的想在 Grunt 任务里输出内容的话, 我们可以使用 grunt 的 log 方法 ... 这样会更好一些 ...

回到 Gruntfile.js ... 把 console.log 换成 grunt.log ,使用 log 的 writeln ... 保存 ... 再回到命令行 ... 执行一下 default 这个任务 ... 同样会显示 Hello Grunt! ...

创建任务:task.registerTask / registerTask《 Grunt 自动化任务 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点