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

前端开发之gulp语法node依赖

2017-06-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下可以点击
点击同步
上一篇下一篇

猜你喜欢

热点阅读