前端开发之gulp语法node依赖

作者: 巩小白 | 来源:发表于2017-06-15 23:15 被阅读47次

    前一节,我们学习了gulp自身5种核心语法。这一节我们说说依赖node的小模块。
    我们手动删掉src下images下的几张,开启watch从新执行一下build,后发现dist文件下的图片并没有被删除,这是为什么呢?因为gulp在执行的时候,只是更新覆盖了和他文件名相同的文件,所以dist下的图片并没有删除。我们在执行build的之前,我们是不是想着应该先把dist中的文件清空,然后再执行build方法,那样不就是不会出现类似的情况了吗?
    --恩,对,你很棒!
    --但是,那该怎么删除呢?
    node为我们提供了 del这个模块 --进行删除文件
    同样,我们在控制台切换到项目根目录下
    输入 npm install del --save-dev


    node下下载del
    del的引入以及del方法的运行

    del方法一般应用在版本更新的时候,我们需要把旧版本删除,重新上线新版本时。
    结合以上的方法,我们就有:
    1、先清空dist文件再去执行重构
    2、执行重构的时候也需要打开监视


    最终更新
    注:这里有bug,我们这样在重构的时候,不能把public删掉,在重构的时候不会创建文件夹。
    清空文件不能删除文件夹
    执行顺序如下图
    执行顺序
    如果没有同步进来,在webstorm下可以点击
    点击同步

    相关文章

      网友评论

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

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