简介
在前端开发中，文件名是一个很重要的部分，因为文件名可以很好地描述一个文件的作用。gulp-filenames 是一个 npm 包，可以帮助我们在 Gulp 中获取文件名。
安装
使用 npm 安装 gulp-filenames
--- ------- -------------- ----------
使用
在 Gulp 任务中使用 gulp-filenames 来获取文件名，可以通过三种方式获取文件名： get()，rename() 和 save()。
在 Gulp 中使用 gulp-filenames 需要先引入该模块：
----- --------- - --------------------------
get()
使用 get() 获取文件名称可以获取当前所有文件名。在使用之前请先确认 Gulp 任务已经包含了所需文件。
----------------------
---------------------------------
----------------------------这会将文件名字写入文件 files.txt，并将该文件放入 ./dist 目录下。
rename()
使用 rename() 可以将文件重命名为获取到的文件名。在使用之前请先确认 Gulp 任务已经包含了所需文件。
----------------------
------------------------
--------------------------- -
------------- - -------------------------
---
----------------------------save()
save() 函数会保存获取到的文件名称列表到一个 JavaScript 数据文件中。在使用之前请先确认 Gulp 任务已经包含了所需文件。
----------------------
----------------------------------
----------------------------这个操作将会获取文件名，将其保存到文件 ./dist/files.json 中。
示例
在下面的示例中，我们将获取到所有 JavaScript 文件的文件名，并将其重命名为 example.js。
----- ---- - ----------------
----- --------- - --------------------------
----- ------ - -----------------------
-------------------- ---------- -
------ -------------------------
------------------------
---------------------------
----------------------------
---运行该任务后，所有 JavaScript 文件将会以 example.js 的名称输出到 ./dist 目录下。
总结
gulp-filenames 可以帮助我们快速获取到文件名，并方便地进行重命名和保存。希望该教程对你理解 gulp-filenames 的使用和效果有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedaf1bb5cbfe1ea0610f92