gulp 插件之 del

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp 插件之 del相关的知识,希望对你有一定的参考价值。

del 模块的简介:

            你也许会想要在编译文件之前删除一些旧文件。由于删除文件和文件内容并没有太大关系,所以,我们没必要去使用一个 gulp 插件。最好是选择使用一个原生的 node 模块,因为 del 模块支持多个文件以及模式匹配,因此,我们将使用它来删除文件。

一、del 模块的使用

1、安装 “del”插件命令(在终端进入到项目根目录执行)

            npm install --save-dev  gulp del

2、在项目根目录下提供 "del" 插件任务配置需要的 dist 目录和源文件(源文件放置到 dist 目录下)

            mkdir dist

3、在 gulpfile.js 文件中配置使用 "del"

 具体示例:
var gulp = require(‘gulp‘),    
     del = require(‘del‘);                                             // 装载插件
     
gulp.task(‘clean‘, function (callback) {                      // 自定义 "clean" 任务
       // 模式匹配要删除的目标文件
       del([ ‘dist/**/*‘, ‘!dist/images‘, ‘!dist/html/**/*‘ ], callback);
});

4、最后在终端运行 "gulp clean" 命令

PS:如果没有错误提示信息,证明就没什么问题了。现在去项目根目录下看是否已经删除了目标文件。未完待续。。。




本文出自 “珞辰的博客” 博客,转载请与作者联系!

以上是关于gulp 插件之 del的主要内容,如果未能解决你的问题,请参考以下文章

前端构建之--gulp

gulp常用插件之gulp-sourcemaps使用

gulp 插件之 gulp-load-plugins

npm怎么安装某一版本gulp的插件

gulp 插件之 gulp-livereload

gulp常用插件之gulp-plumber使用