前端开发之gulp语法

上一篇说了下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开发的,那么他一定会衍生出许多的依赖小模块。下节开始,我们就开始介绍一些的常用小模块。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容