gulp入坑系列(3)——创建多个gulp.task
来源:互联网 发布:医学数据spss22教程 编辑:程序博客网 时间:2024/06/14 13:38
继续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自身方法体内的操作。
2 0
- gulp入坑系列(3)——创建多个gulp.task
- 创建多个gulp.task
- gulp入坑系列(1)——安装gulp
- gulp入坑系列(4)——gulp的代码转换
- gulp入坑系列(2)——初试JS代码合并与压缩
- gulp.task
- gulp系列:gulp-useref
- Gulp思维——Gulp高级技巧
- gulp-clean----gulp系列(五)
- gulp task方法
- gulp执行多个任务
- gulp——初学
- gulp
- Gulp
- gulp
- Gulp
- gulp
- gulp
- 翻译《有关编程、重构及其他的终极问题?》——9.使用'-0'符号作为结尾标记
- 【Flask】在Flask中使用logger
- iOS 图像拖动和拉伸
- prim算法
- 项目 5 - 验证算法之拓扑排序算法 .
- gulp入坑系列(3)——创建多个gulp.task
- 关于登陆用户名那些事
- 了解c#中的三层架构(DAL,BLL,UI)
- Java高级开发工程师考纲
- 模拟UDP传输的发送端和接收端
- JS动画效果
- Bitmap所遇到的坑
- 蓝桥杯huffuman树
- shell编程-文件比较