前端开发之gulp语法

作者: 巩小白 | 来源:发表于2017-06-10 18:20 被阅读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开发的,那么他一定会衍生出许多的依赖小模块。下节开始,我们就开始介绍一些的常用小模块。

    相关文章

      网友评论

        本文标题:前端开发之gulp语法

        本文链接:https://www.haomeiwen.com/subject/fgkcqxtx.html