在日常的前端开发工作中，经常会遇到需要复制文件的场景，比如在构建时将静态资源复制到指定目录，或者将开发环境的配置文件复制到输出目录等。这些场景下，使用 npm 包 infopack-gen-copy-files 可以方便快捷地实现文件复制的功能。
安装
使用 npm 安装 infopack-gen-copy-files：
npm install --save-dev infopack-gen-copy-files
使用方式
配置文件
首先，在项目根目录下新建 copy-files.config.js 配置文件：
-- -------------------- ---- -------
-- --------------------
-------------- - -
------ -
-
---- --------------
----- -------------
--
-
---- ----------------
----- -------------
-
-
-其中，files 字段是一个数组，每一个数组项表示需要复制的文件及其目标位置。假设我们要将 static 目录下的所有文件复制到 dist/static 目录下，同时将 config 目录下的所有 json 文件复制到 dist/config 目录下，那么上述配置就表示了这个需求。
脚本命令
接下来，在 package.json 中添加一个脚本命令：
// package.json
{
"scripts": {
"copy:files": "infopack-gen-copy-files"
}
}copy:files 是自定义的脚本命令名称，可以根据实际情况自行定义。这个命令的作用是执行 infopack-gen-copy-files 包，即对应的文件复制操作。
执行复制
最后，运行以下命令即可执行文件复制：
npm run copy:files
执行结果如下：
> infopack-gen-copy-files > copied 12 files from 2 sources to 2 destinations
执行成功后，文件将被复制到指定目录，执行完成后可以查看指定目录下的文件是否正确复制。
参数配置
除了配置文件外，还可以通过命令行参数控制文件复制的行为。以下是可用的参数列表：
--config：指定配置文件路径，默认为copy-files.config.js。--verbose：输出详细信息模式。--dry-run：模拟复制模式，不会进行实际复制，只会输出复制信息和复制计划。
例如：
npm run copy:files -- --config copy-files.config.js --verbose
这个命令指定了配置文件路径为 copy-files.config.js，同时启用了详细信息模式。
总结
npm 包 infopack-gen-copy-files 提供了一种方便、快捷的文件复制方式，可以简化前端开发中文件的处理过程，是前端开发必备的工具。通过本文的讲解，你已经掌握了 infopack-gen-copy-files 的使用方法和配置方式，相信在实际开发中可以发挥出其强大的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664081e8991b448e24c3