百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

Gulp 第一个Gulp任务 光遇姆明季第一个任务怎么做

yuyutoo 2024-10-22 18:46 3 浏览 0 评论

本节我们开始学习如何创建 Gulp 任务。每一个 Gulp 任务都是一个异步的 JavaScript 函数,这个函数是一个可以接收回调函数 callback 作为参数的函数,或者是一个返回 streampromiseevent emitterchild processobservable 类型值的函数。

gulp.task()方法

gulp.task() 用于创建一个 gulp 任务,语法如下所示:

gulp.task(name[, deps], fn)
  • name: 表示任务的名称。
  • deps :当前定义的任务需要依赖的其他任务,为一个数组。当前定义的任务会在所有依赖的任务执行完毕后才开始执行。如果没有依赖,则省略这个参数。
  • fn:为任务函数,我们把任务要执行的代码都写在里面。是一个可选参数。

给任务起一个唯一的名称后,我们可以通过这个名称来执行任务,例如:

> gulp 任务名

在执行任务时,如果我们不加任务名进行执行,也就是只输入 gulp 命令时 ,会执行名为 default 的默认任务,如果没有定义这个任务,将什么也不做。

创建gulpfile文件

首先我们需要在项目根目录下创建一个 gulpfile.js 文件。并在文件中引入 gulp

var gulp = require('gulp');

用于告诉 Node 去 node_modules 中查找 gulp 包,先在局部进行查找,找不到则去全局环境中查找。找到之后就会赋值给 gulp 变量,然后我们就可以使用它了。

示例:

例如创建一个名为 xkd 的任务:

let gulp = require('gulp');

gulp.task('xkd',  done => {
    console.log("你好,侠课岛!")
    done()
});

执行 gulp xkd 命令,下图为运行结果:

  • 运行结果第一行表示找到本地的 gulpfile.js 文件。
  • 运行结果第二行表示开始运行任务 xkd,这个 xkd 是我们给任务定义的名称。
  • 运行结果第三行表示运行代码内的逻辑。
  • 运行结果第四行表示任务'xkd'运行结束,一共耗时5.27 ms

执行多个任务

gulp.task() 方法中的第二个参数为一个数组,数组中的值是任务名的集合,当执行此任务时,会先执行数组中的任务。我们来看一下例子。

示例:

下面我们定义三个任务:

const gulp = require('gulp');

gulp.task('one', done1 => {
  console.log("第一个任务");
  done1();
})

gulp.task('two', done2 => {
  console.log("第二个任务");
  done2();
})

gulp.task('test', gulp.series('one', 'two', done3 =>{
    console.log("测试任务")
    done3()
}))

然后将任务 onetwo 添加到任务 test 中,此时如果我们输入 gulp test 命令,会先执行数组中的任务,我们来看一下任务的执行顺序:

链接:https://www.9xkd.com/

相关推荐

野路子科技!2步教你把手机改造成一个FTP服务器,支持PC互传

哈喽,大家好,我是野路子科技,今天来给大家带来一个教程,希望大家喜欢。正如标题所言,就是教大家如何把售价改造成FTP服务器,而这个时候估计有朋友会问了,把手机改造成FTP服务器有什么用呢?现在有Q...

不得不看:别样于Server-U的群晖文件存储服务器的搭建与使用

我先前的作品中,有着关于Server-U的ftp文件存储服务器的搭建与访问的头条文章和西瓜视频,而且我们通过各种方式也给各位粉丝介绍了如何突破局域网实现真正意义上的公网访问机制技术。关于Server-...

Qt三种方式实现FTP上传功能_qt引入qftp库

FTP协议FTP的中文名称是“文件传输协议”,是FileTransferProtocol三个英文单词的缩写。FTP协议是TCP/IP协议组中的协议之一,其传输效率非常高,在网络上传输大的文件时,经...

Filezilla文件服务器搭建及客户端的使用

FileZilla是一个免费开源的FTP软件,分为客户端版本和服务器版本,具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户...

美能达柯美/震旦复印机FTP扫描怎么设置?

好多网友不知道怎么安装美能达/震旦复印机扫描,用得最多是SMB和FTP扫描,相对于SMB来说,FTP扫描安装步骤更为便捷,不容易出问题,不需要设置文件夹共享,所以小编推荐FTP来扫描以美能达机器为例详...

CCD(简易FTP服务器软件)_简单ftp服务器软件

CCD简易FTP服务器软件是一款很方便的FPT搭建工具,可以将我们的电脑快速变成一个FPT服务器。使用方法非常简单,只要运行软件就会自动生效,下载银行有该资源。该工具是不提供操作界面的,其他用户可以输...

Ubuntu系统搭建FTP服务器教程_ubuntu架设服务器

在Ubuntu系统上搭建FTP服务器是文件传输的一个非常实用方法,适合需要进行大量文件交换的场景。以下是一步步指导,帮助您在Ubuntu上成功搭建FTP服务器。1.安装vsftpd软件...

理光FTP扫描设置教程_理光ftp扫描设置方法

此教程主要用来解决WIN10系统下不能使用SMB文件夹扫描的问题,由于旧的SMB协议存在安全漏洞,所以微软在新的系统,WIN8/WIN10/SERVER201220162018里使用了新的SMB传...

纯小白如何利用wireshark学习网络技术

写在前面工欲善其事必先利其器!熟悉掌握一种神器对以后的工作必然是有帮助的,下面我将从简单的描述Wireshark的使用和自己思考去写,若有错误或不足还请批评指正。...

京东买13盘位32GB内存NAS:NAS系统安装设置教程

本内容来源于@什么值得买APP,观点仅代表作者本人|作者:yasden你没有看错,我在京东自营商城购买硬件,组装了一台13盘位,32GB内存的NAS,硬盘有13个盘位!CPU是AMD的5500!本文...

FileZilla搭建FTP服务器图解教程_filezilla server搭建ftp服务器

...

python教程之FTP相关操作_python ftps

ftplib类库常用相关操作importftplibftp=ftplib.FTP()ftp.set_debuglevel(2)#打开调试级别2,显示详细信息ftp.connect(“I...

xftp怎么用,xftp怎么用,具体使用方法

Xftp是一款界面化的ftp传输工具,用起来方便简单,这里为大家分享下Xftp怎么使用?希望能帮到有需要的朋友。IIS7服务器管理工具可以批量管理、定时上传下载、同步操作、数据备份、到期提醒、自动更新...

树莓派文件上传和下载,详细步骤设置FTP服务器

在本指南中,详细记录了如何在树莓Pi上设置FTP。设置FTP可以在网络上轻松地将文件传输到Pi上。FTP是文件传输协议的缩写,只是一种通过网络在两个设备之间传输文件的方法。还有一种额外的方法,你可以用...

win10电脑操作系统,怎么设置FTP?windows10系统设置FTP操作方法

打印,打印,扫描的日常操作是每一个办公工作人员的必需专业技能,要应用FTP作用扫描文件到电脑上,最先要必须一台可以接受文件的FTP服务器。许多软件都需要收费标准进行,但人们还可以应用Windows的系...

取消回复欢迎 发表评论: