javascript - gulp 遇到的问题-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - gulp 遇到的问题

高洛峰 2017-04-11 11:12:47

[JavaScript讨论组]

406

最近才接触gulp 但是遇到一些问题：

 task
 src
 watch
 run
 start
 pipe
 这个几个方法具体是什么意思呢，一直有些疑惑
 
 看了一些资料，但是对一些知识点还是很模糊，请大家帮忙讲解一下，可以举个例子，万分感谢

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(1)

怪我咯2017-04-11 11:14:47 1楼

task

gulp.task('somename', function() {
  // Do stuff
});

这样一段东西，就叫一个task(任务)。可以在里面指定一系列操作，譬如：写一个copy任务，目标是把a、b两个目录下的文件拷贝到c目录下。

src

既然每个任务都是针对一些文件作操作，那么如何选中这些文件？就要用到src了，如下：

gulp.src('client/templates/*.jade')
    ...
    ...;

选中了client/templates/目录下的所有jade文件，至于通配符*是怎么被识别的，可以看glob-syntax

watch

还是和上面一样，既然任务都是对文件的操作，那么肯定有一种情况是希望当文件改变时(可能你改代码了)，就自动触发一个任务。譬如：自动编译less到css，可以这样用：

gulp.watch('less/*.less', function(event) {
     //自动编译修改了的less文件到目标目录
     gulp.src(event.path)
        .pipe(less())
        .pipe(gulp.dest('生成目录'));
});

run

通常我们使用任务是在命令行里通过gulp 任务名来完成的，但有时候也需要在代码里直接启动一个任务，就可以用gulp.run(任务名)来执行指定的任务。

这个我记不清了，官网文档也找不到这个API了，应该是已经废弃了

start

start应该是内部方法，我总觉得你不该直接调用

pipe

管道是流式编码的精髓，和gulp本身没多大关系，不过是gulp支持流式书写而已。详情看：pipe

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>