前端开发之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依赖

    前一节,我们学习了gulp自身5种核心语法。这一节我们说说依赖node的小模块。我们手动删掉src下images下...

  • 前端开发之gulp语法

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

  • 自动化构建

    process.env.NODE_ENV读环境变量 Gulp 优化前端开发流程的工具。基于流,gulp.src使用...

  • gulp 用法大全

    gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。在 Web 前端开发...

  • gulp 笔记 要点概况

    gulp 是基于 node 实现 Web 前端自动化开发的工具。 gulp 还可以做很多事,例如: 压缩CSS 压...

  • gulp前端自动化开发的工具

    gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。 在 Web 前端开...

  • 『前端工程化』gulp(gulp3 && gul

    Gulp 什么是Gulp Gulp是基于Node.js的构建工具,我们使用它来集成前端开发环境,来构建自动化工作流...

  • gulp构建工具

    一、gulp预备工作:(1):bower软件:用来管理静态资源,使用node开发。依赖于node和git。(2):...

  • npm-npmscript-gulp-webpack

    - npm的使用- 开发node应用- gulp介绍及实践- npm scripts打造前端工作流- webpac...

  • 使用Harp快速开发前端页面

    有了node以后,像gulp,grunt等一些工具可以给我们的前端开发带来很大的便利,但是gulp和grunt对于...

网友评论

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

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