关灯
开启左侧

gulp 4 入门教程

[复制链接]
doubleyong 发表于 2019-4-17 16:28:44 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
1. 下载模块

  1. npm install gulp --save-dev
  2. npm install gulp-cli -g
复制代码



2. 创建文件gulpfile.js
3. 引入模块
  1. const gulp = require("gulp");
复制代码


4. 注意事项:

4.1 task必须要有返回值,共有5种,参考:http://bugshouji.com/mybug3/t783
  1. gulp.task("default",function () {
  2.     return new Promise(function(resolve, reject) {
  3.         console.log("hello gulp");
  4.         resolve();
  5.     });
  6. })
复制代码


4.2 依懒模块,使用gulp.series() ,gulp.parallel()

  1. gulp.task("build",gulp.series("copyAllHtml","copyOtherJs","copyImage"),function () {
复制代码


gulp4在gulp3的基础上新增了几个函数,但它的使用依旧简单方便。一共如下10个:
  • gulp.src() --全局匹配一个或多个文件
  • gulp.dest() --将文件写入目录
  • gulp.symlink() --与dest相似,但是使用软连接形式
  • gulp.task() --定义任务
  • gulp.lastRun() --获得上次成功运行的时间戳
  • gulp.parallel() --并行运行任务
  • gulp.series() --运行任务序列
  • gulp.watch() --当文件发生变化时做某些操作
  • gulp.tree() --获得任务书树
  • gulp.registry() --获得或注册任务

官方说明API说明:https://github.com/gulpjs/gulp/blob/master/docs/API.md


 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

排行榜
关闭

站长推荐上一条 /1 下一条

官方微信

全国服务热线:

400-0708-360

公司地址:国家西部信息安全产业基地(成都市高新区云华路333号)

邮编:610000    Email:2908503813@qq.com

Copyright   ©2015-2016  EOIT论坛Powered by©Discuz!    ( 蜀ICP备11000634号-7 )