上一篇说了下gulp的环境搭建以及配置,这一篇说说gulp的语法。
语法说来其实很简单,主要有以下5种(更新watch方法):
![](https://img.haomeiwen.com/i4475518/a0e3443fe8eb6115.png)
现在我们把src下面的index.html文件copy到发布文件夹dist下:
![](https://img.haomeiwen.com/i4475518/cb59aa73dd44d3c2.png)
![](https://img.haomeiwen.com/i4475518/31603e8977ab6f70.png)
![](https://img.haomeiwen.com/i4475518/75874f42b38f8d0b.png)
如此,便有:
![](https://img.haomeiwen.com/i4475518/68db94bc6d044d7c.png)
![](https://img.haomeiwen.com/i4475518/fd20bb66671ad122.png)
![](https://img.haomeiwen.com/i4475518/f11e5dc9ec9d5116.png)
![](https://img.haomeiwen.com/i4475518/75c9ffae2aaf7cb0.png)
![](https://img.haomeiwen.com/i4475518/e9ee2a918b3267cc.png)
![](https://img.haomeiwen.com/i4475518/6fcfc844efd1535e.png)
![](https://img.haomeiwen.com/i4475518/95d29509f114e744.png)
![](https://img.haomeiwen.com/i4475518/40b595f85349ea55.png)
watch语法和其他语法一样,能监视所有文件,也能监视指定文件。这个方法则是你在src文件下修改了某个文件,你只需要运行这个方法,相应的在dist文件也会自动更新。
在src文件下建立images文件,images下存入图片自行测试
![](https://img.haomeiwen.com/i4475518/cdb42a5e458b4b1b.png)
![](https://img.haomeiwen.com/i4475518/25ab3ec26d702a58.png)
执行多个任务,你在每个任务中都相应的clonsole.log一下,然后在控制台中你会发现执行顺序是先顺序打印子任务依赖项,最后才执行主任务,并且执行时间不一样,都是异步同时在执行,非阻塞的
![](https://img.haomeiwen.com/i4475518/8b798c3e3637f136.png)
到此,gulp的语法基本就写完了。gulp他自身的方法就是这么简单。
但是他仅仅就这么简单吗?答案是:NO。
我们前面说过,gulp是基于node开发的,只要是基于node开发的,那么他一定会衍生出许多的依赖小模块。下节开始,我们就开始介绍一些的常用小模块。
网友评论