npm 包 gulp-remove-files-by-property 使用教程

阅读时长 4 分钟读完

在前端开发中,我们经常需要进行文件处理,例如删除某些文件或者筛选符合条件的文件。gulp-remove-files-by-property 是一款实用的npm包,可以帮助我们在gulp中按照文件属性来删除文件,非常方便!

安装和使用

安装

使用 npm 安装:

使用

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() 中添加多个文件路径就可以了,示例如下:

示例代码

全部示例代码如下:

-- -------------------- ---- -------
----- ---- - ---------------
----- --------------------- - ----------------------------------------

-- -- ---- - --- -----
-------------------- ---------- -
  ------ ---------------------------- ------------------
    -------------------------------------- ------- -------
    --------------------------
--

-- ---- --- --
--------------------- ---------- -
  ------ --------------------------
    -------------------------------------- ------
    --------------------------
--

-- ---- ----- --
----------------------- ---------- -
  ------ ----------------------------
    -------------------------------------- --------
    --------------------------
--

-- -----------
-------------------------------- ---------- -
  ------ ---------------------------- ----------------- --------------------
    -------------------------------------- ------- ----- ---------
    --------------------------
--

总结

gulp-remove-files-by-property 是一款简单实用的 npm 包,在日常前端开发中经常用到。会使用该 npm 包后我们可以很方便地根据文件属性来删除和筛选符合条件的文件,实现文件处理过程自动化,提高工作效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056d1381e8991b448e6d55

纠错
反馈