上手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个参数就可以了