简介
在前端开发中，页面资源文件是必不可少的。使用一些工具来帮助创建资源文件列表，可以提高我们的开发效率。gulp-filenames-to-txt 就是一个简单易用的 gulp 插件，可以将文件名输出到文本文件中，从而生成资源文件列表。
安装
确保已经安装了 node.js 和 gulp，然后使用 npm 在项目中安装 gulp-filenames-to-txt 插件：
npm install gulp-filenames-to-txt --save-dev
使用
在 gulpfile.js 中引入 gulp 和 gulp-filenames-to-txt：
const gulp = require('gulp');
const filenamesToTxt = require('gulp-filenames-to-txt');接着，使用 gulp.task 创建一个新的任务：
gulp.task('filenames', function() {
return gulp
.src('src/*')
.pipe(filenamesToTxt())
.pipe(gulp.dest('dist'));
});上述任务的意思是：选取 'src' 文件夹下的所有文件、将文件名导出至文本文件并将其保存至 'dist' 文件夹中。
最后，在命令行中运行以下代码，执行任务：
gulp filenames
实例
-- -------------------- ---- -------
----- ---- - ----------------
----- -------------- - ---------------------------------
---------------------- ---------- -
------ ----
-------------
----------------------
--------- -----------
------- -- -
---
-------------------------
---上述代码中的 filenamesToTxt() 含有两个选项：
- fileName: 导出文件的名称。默认为 filenames.txt。
- prefix: 在每个文件名前添加的文本。默认为空。
在执行任务后，会在 'dist' 文件夹中生成一个名为 list.txt 的文件，并将所有文件名列表导入其中。
结论
gulp-filenames-to-txt 插件是一个简单易用的工具，可以方便地将资源文件列表导出至文本文件。通过使用这个插件，我们可以在实际开发中更有效地管理项目文件，提高我们的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600573ee81e8991b448e9cf8