首页 > 代码库 > gulp入坑系列(3)——创建多个gulp.task
gulp入坑系列(3)——创建多个gulp.task
继续gulp的爬坑路,在准备get更多gulp的具体操作之前,先来明确一下在gulp中创建和使用多个task任务的情况。
gulp所要做的操作都写在gulp.task()中,系统有一个默认的default任务,如下:
- var gulp = require(‘gulp‘);//gulp自身
- gulp.task(‘default‘,[‘task1‘,‘task2‘], function() {
- // 将你的默认的任务代码放在这
- console.log("default");
- });
在命令行中的项目根目录里执行gulp指令,便会看到default任务被执行,控制台中输出了"default"。
那么如果我们创建多个gulp.task,像下边这样:
- var gulp = require(‘gulp‘);//gulp自身
- gulp.task(‘task1‘,function () {
- console.log("task1");
- });
- gulp.task(‘task2‘,function () {
- console.log("task2");
- })
- gulp.task(‘default‘, function() {
- // 将你的默认的任务代码放在这
- console.log("default");
- });
然后再继续执行gulp指令,会发现结果如下:
很明显,之后加的task1和task2并没有执行,所以说难道gulpfile.js中只支持一个task咩?
嘛,其实这是一个多余的担心,我们的代码只是少了一个步骤
因为其实在gulpfile.js中,所有操作的入口都是这个叫‘default‘的task,所以只要将我们自己定义的其他task加入到default中就可以了,修改后代码如下:
- var gulp = require(‘gulp‘);//gulp自身
- gulp.task(‘task1‘,function () {
- console.log("task1");
- });
- gulp.task(‘task2‘,function () {
- console.log("task2");
- })
- gulp.task(‘default‘,[‘task1‘,‘task2‘], function() {
- console.log("default");
- });
那么我们再来运行一次gulp指令:
看来是成功了,这里也可以看到这些task的执行顺序,首先依次执行了default中引入的task,最后再执行default自身方法体内的操作。
gulp入坑系列(3)——创建多个gulp.task
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。