上手gulp - 安装并执行任务 ¶
作者:KK
发表日期:2016.06.23
安装任务 ¶
gulp里有一个个的任务
,咱现在来看看它究竟是个什么鬼!
在gulpfile.js
里写这样的代码:
var gulp = require('gulp');
gulp.task('default', function(){
console.log('执行了默认任务');
});
gulp.task('aaa', function(){
console.log('执行了aaa任务');
});
上面的代码通过gulp.task
方法安装了default和aaa两个任务,下面讲一下怎么用
默认任务 ¶
其实default任务在上一下安装的时候早有尝试,要运行默认任务很简单,只要运行命令:
gulp
就会执行默认任务
运行指定任务 ¶
要执行aaa任务则是使用
gulp aaa
其实就是在参数里指定任务名称咯,所以这样也可以用来执行默认任务:
gulp default
执行多个任务 ¶
gulp default aaa
那么如果再加个bbb任务的话,你猜猜执行的命令是什么?
依赖执行 ¶
先看gulpfile.js的主要代码(我后面的例子一般都省略require代码的咯)
gulp.task('aaa', ['bbb', 'ccc'], function(){
console.log('执行aaa');
});
gulp.task('bbb', function(){
console.log('执行bbb');
});
gulp.task('ccc', function(){
console.log('执行ccc');
});
上面的代码安装了3个任务,我们可以在命令里只声明执行aaa任务,然后这个任务要求先执行bbb和ccc任务再执行自己,试下运行
gulp aaa
运后应该会输出
执行bbb
执行ccc
执行aaa
你也看出来了,就是task方法的第2个参数传一个数组,每个数组元素就是一个任务名称,然后本任务的回调函数放在第3个参数就可以了