Gulp前端构建gulp学习笔记Web前端之路

前端开发之gulp语法

2017-06-10  本文已影响106人  巩小白

上一篇说了下gulp的环境搭建以及配置,这一篇说说gulp的语法。
语法说来其实很简单,主要有以下5种(更新watch方法):


gulp的五种核心方法

现在我们把src下面的index.html文件copy到发布文件夹dist下:


复制单个文件
webstorm下运行
点击运行
如此,便有:
dist文件夹下更新
复制多个文件
复制到某个特定的文件夹下
每次运行之前都需要更新一下
最终
复制指定文件
排除某个文件
监视文件

watch语法和其他语法一样,能监视所有文件,也能监视指定文件。这个方法则是你在src文件下修改了某个文件,你只需要运行这个方法,相应的在dist文件也会自动更新。
在src文件下建立images文件,images下存入图片自行测试


添加多个后缀名
执行多个任务
执行多个任务,你在每个任务中都相应的clonsole.log一下,然后在控制台中你会发现执行顺序是先顺序打印子任务依赖项,最后才执行主任务,并且执行时间不一样,都是异步同时在执行,非阻塞的
控制台打印看执行顺序
到此,gulp的语法基本就写完了。gulp他自身的方法就是这么简单。
但是他仅仅就这么简单吗?答案是:NO。
我们前面说过,gulp是基于node开发的,只要是基于node开发的,那么他一定会衍生出许多的依赖小模块。下节开始,我们就开始介绍一些的常用小模块。
上一篇下一篇

猜你喜欢

热点阅读