前言
在前端开发中，我们常常需要将多个文件从一个目录复制到另一个目录。手动复制每个文件是既费时又容易出错的，而使用 npm 包 copy-files-tree 可以轻松地实现批量复制。本文将介绍如何使用 copy-files-tree 包并提供相应的示例代码。
安装
首先，我们需要在项目中安装 copy-files-tree 包。在命令行中进入项目目录并执行以下命令：
npm install copy-files-tree --save-dev
该命令将在项目中安装 copy-files-tree 包并将其作为开发依赖项添加到 package.json 文件中。
使用
安装完成后，我们就可以使用 copy-files-tree 包了。以下是 copy-files-tree 包的使用方式：
const copyFilesTree = require('copy-files-tree');
copyFilesTree(sourceDirectoryPath, destinationDirectoryPath, filterCallback, errorCallback, successCallback);copy-files-tree 包接受五个参数，分别为：
- sourceDirectoryPath：需要复制的源目录路径。
- destinationDirectoryPath：需要复制到的目标目录路径。
- filterCallback：可选参数，为一个回调函数，用于过滤需要复制的文件。该回调函数接受一个文件路径作为参数，返回 true 表示复制该文件，返回 false 表示不复制该文件。如果该参数未传入，则将复制所有文件。
- errorCallback：可选参数，为一个回调函数，用于处理复制错误。
- successCallback：可选参数，为一个回调函数，用于在复制成功后进行操作。
以下是一个简单的使用示例：
-- -------------------- ---- -------
----- ------------- - ---------------------------
---------------------- --------- -- -- ----- ----- -- -
-- ----- -
------------------- ----- --------- -----
- ---- -
----------------- ----- -----------
-
---在上面的示例中，我们将 ./src 目录下的所有文件复制到了 ./dist 目录中。filterCallback 参数接受一个匿名函数，该函数返回 true，表示复制所有文件。在 errorCallback 回调函数中打印了复制错误信息，而在 successCallback 中打印了成功信息。
如果我们只想复制 ./src 目录下的 css 和 js 文件，可以通过修改 filterCallback 函数来实现。以下是一个过滤 css 和 js 文件的示例：
-- -------------------- ---- -------
----- ------------- - ---------------------------
---------------------- --------- ---------- -- -
----- --------- - --------------------------
------ ------- ------------------------ --- ---
-- ----- -- -
-- ----- -
------------------- ----- --------- -----
- ---- -
----------------- ----- -----------
-
---在上面的示例中，我们使用了一个匿名函数来过滤文件。该函数首先通过字符串分割获取文件的扩展名，然后判断扩展名是否为 css 或 js，返回 true 表示复制该文件，否则不复制。
总结
本文介绍了如何使用 npm 包 copy-files-tree 来批量复制文件。我们首先安装了 copy-files-tree 包，然后演示了如何使用它来复制所有文件和过滤指定类型的文件。通过使用 copy-files-tree 包，我们可以更方便地管理和部署前端项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057c5c81e8991b448ebdcb