doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:6407回复:0

[其它]gulp 4 入门教程

楼主#
更多 发布于:2019-04-17 16:24
1. 下载模块
npm install gulp --save-dev
npm install gulp-cli -g
2. 创建文件gulpfile.js
3. 引入模块
const gulp = require("gulp");
4. 注意事项:
4.1 task必须要有返回值,共有5种,参考:http://bugshouji.com/mybug3/t783
gulp.task("default",function () {
    return new Promise(function(resolve, reject) {
        console.log("hello gulp");
        resolve();
    });
})
4.2 依懒模块,使用gulp.series() ,gulp.parallel()
gulp.task("build",gulp.series("copyAllHtml","copyOtherJs","copyImage"),function () {
    return new Promise(function(resolve, reject) {
       console.log("执行成功");
        resolve();
    });
})

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
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号