在前端开发中,我们经常需要进行文件处理,例如删除某些文件或者筛选符合条件的文件。gulp-remove-files-by-property 是一款实用的npm包,可以帮助我们在gulp中按照文件属性来删除文件,非常方便!
安装和使用
安装
使用 npm 安装:
npm install --save-dev gulp-remove-files-by-property
使用
gulpfile.js 配置
在使用 gulp-remove-files-by-property 前,先要创建 gulpfile.js 文件,然后找到需要删除的文件所在的路径,再传入它即可。
这里我们来模拟一下需要删除 .txt 和 .js 文件的场景,示例代码如下:
-- -------------------- ---- ------- ----- ---- - --------------- ----- --------------------- - ---------------------------------------- -- -- ---- - --- ----- -------------------- ---------- - ------ ---------------------------- ------------------ -------------------------------------- ------- ------- -------------------------- --
代码里,removeFilesByProperty('extname', ['txt', 'js']) 就是指定按照扩展名 extname 来删除文件,txt 和 js 则是被删除文件的扩展名数组。
文件路径
在执行 gulpfile.js 文件时,需要传入被删除文件的路径。这里我们以 './file//*.txt' 为例,表示删除 './file/' 目录下的所有 .txt 文件。'./file/' 表示文件路径,'' 表示匹配该路径以及所有子目录下所有的 .txt 文件。
同时删除多个文件
要同时删除多个文件,则只需在 gulp.src() 中添加多个文件路径就可以了,示例如下:
const gulp = require('gulp') const removeFilesByProperty = require('gulp-remove-files-by-property') gulp.task('default', function() { return gulp.src(['./file/**/*.txt', './file/**/*.js', './file/**/*.json']) .pipe(removeFilesByProperty('extname', ['txt', 'js', 'json'])) .pipe(gulp.dest('./file')) })
示例代码
全部示例代码如下:
-- -------------------- ---- ------- ----- ---- - --------------- ----- --------------------- - ---------------------------------------- -- -- ---- - --- ----- -------------------- ---------- - ------ ---------------------------- ------------------ -------------------------------------- ------- ------- -------------------------- -- -- ---- --- -- --------------------- ---------- - ------ -------------------------- -------------------------------------- ------ -------------------------- -- -- ---- ----- -- ----------------------- ---------- - ------ ---------------------------- -------------------------------------- -------- -------------------------- -- -- ----------- -------------------------------- ---------- - ------ ---------------------------- ----------------- -------------------- -------------------------------------- ------- ----- --------- -------------------------- --
总结
gulp-remove-files-by-property 是一款简单实用的 npm 包,在日常前端开发中经常用到。会使用该 npm 包后我们可以很方便地根据文件属性来删除和筛选符合条件的文件,实现文件处理过程自动化,提高工作效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056d1381e8991b448e6d55