npm 是前端开发中必不可少的工具之一，其中 files-sets 是一款极为实用的 npm 包，可以帮助我们将一些文件集合处理成一个新的文件集合。下面我们将详细介绍 files-sets 的使用方法。
安装
首先，我们需要在本地安装 files-sets，可以通过以下命令进行安装：
npm install files-sets --save-dev
使用
构造函数
FilesSets 是一个构造函数，需要通过 new 关键字创建一个实例：
const FilesSets = require('files-sets');
const filesSets = new FilesSets([options])构造函数可以接受一个对象参数，其属性和默认值如下：
-- -------------------- ---- ------- ----- ------- - - ---- -------------- ------- --- ------- --- -------- --- -------- --- -------- ------ ----- --- ------- --- ---------- ----- ----- --- --------- ------- --------- ---------- ------- -
我们依次介绍这些属性的作用。
cwd：指定当前工作目录，默认值为process.cwd()。source：需要处理的文件路径，可以是一个字符串或者数组。如果是字符串，则表示一个单独的路径，如果是数组，则表示多个路径。filter：用于对文件进行过滤，可以是一个字符串或者数组。如果是字符串，则表示一个单独的过滤规则，如果是数组，则表示多个过滤规则。include：表示需要被包含的文件，可以是一个字符串或者数组。如果是字符串，则表示一个单独的文件名，如果是数组，则表示多个文件名。exclude：表示需要被排除的文件，可以是一个字符串或者数组。如果是字符串，则表示一个单独的文件名，如果是数组，则表示多个文件名。flatten：是否将所有文件放在一个数组中，而不是一个对象中。dest：指定输出目录。rename：指定输出文件名。如果是一个函数，则需要返回一个新的文件名。transform：用于对文件进行转换的函数。glob：用于对glob表达式进行设置的对象。priority：处理优先级的数组。
示例
接下来我们通过一个示例来演示 files-sets 的使用方法。
场景
我们需要将 ./src 目录下的所有 js 文件进行打包，并将打包后的文件输出到 ./dist 目录中。同时，我们需要将文件名改为 bundle.js。
实现
首先，我们需要安装 webpack，并在 ./src 目录下创建一个 index.js 文件，包含以下内容：
// index.js
console.log('FilesSets 示例')接着，我们编写 webpack.config.js 文件，然后安装相关的 loader 和 plugin：
npm install webpack webpack-cli babel-loader @babel/core @babel/preset-env webpack-merge html-webpack-plugin --save-dev
webpack.config.js 文件内容如下：
-- -------------------- ---- -------
----- ---- - ----------------
----- -------------------- - --------------------------------
----- ----------------- - -------------------------------
----- ------------ - -------------------------
-------------- - ----- -- -
----- ------------ - -------------- --- ----------
----- ---- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
------- -
------ -
-
----- --------
---- -
------- ---------------
-------- -
-------- -
-------------------
-
-
-
-
-
--
-------- -
--- -------------------
--------- ------------------
--
-
--
-- -------------- -
------ ------------------ -
----- -------------
-------- -
--- ---------------------
-
--
- ---- -
------ ------------------ -
----- --------------
-------- ------------
--
-
--接着，我们可以使用以下代码来运行打包过程：
-- -------------------- ---- -------
----- --------- - ----------------------
----- ------- - -------------------
----- ------------- - ----------------------------
----- -------- - -----------------------
----- --------- - --- -----------
------- ------------------
----- ---------
------- -----------
---
------------------ -- -
-- ----- -
-----------------
-------
-
--------------------
-- - ----- ------ -- ---------- ------ ----
----------------------- -- -
--- ----- -
-------------------
--
-----------------------
---
--运行 node build.js，即可完成打包。
总结
通过本篇文章的介绍，我们了解了 files-sets 的基本使用方法和属性。需要注意的是，在使用 files-sets 进行文件处理时，我们需要结合具体场景进行灵活的配置。希望本篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005525581e8991b448cfdaa