在前端开发中，我们常常需要将文件从一个路径或文件夹复制到另一个路径或文件夹中。手动进行复制操作不仅费时费力，而且容易出错。为了解决这个问题，我们可以使用 npm 包 cpx2。
什么是 cpx2？
cpx2 是 npm 包中一个简单易用的文件复制工具。它可以实现文件的复制、目录的复制、通配符匹配、过滤等功能。
安装 cpx2
在使用 cpx2 之前，我们需要先进行安装。在命令行中输入以下命令即可完成安装：
npm install -g cpx2
使用 cpx2
基本命令
使用 cpx2 的基本命令格式如下：
cpx <source> <destination>
其中，<source> 表示要复制的源文件或路径，<destination> 表示要将复制的源文件或路径复制到的目的路径。
例如，要将文件 index.html 复制到文件夹 dist 中，可以使用以下命令：
cpx index.html dist/
复制目录
如果要复制整个目录，可以在 <source> 和 <destination> 参数中分别指定要复制的文件夹和要将文件夹复制到的目标文件夹。例如：
cpx src/ dist/
上述命令将复制 src 文件夹及其所有子文件和子文件夹到 dist 文件夹中。
通配符匹配
除了基本的文件和文件夹复制，cpx2 还可以使用通配符匹配进行复制。例如，如果要将所有以 .html 结尾的文件复制到目录 dist 中，可以使用以下命令：
cpx src/*.html dist/
文件过滤
在实际的开发过程中，我们可能只需要复制某些指定类型的文件，而忽略其他文件。这时，可以使用 cpx2 的文件过滤功能。
文件过滤包括两种方式：排除文件和只复制指定类型的文件。例如，如果只需要将所有以 .js 结尾的文件复制到目录 dist 中，可以使用以下命令：
cpx src/*.js dist/
如果想要排除某些文件，可以使用 --exclude 参数。例如，如果想要排除掉 src/test.js 文件，可以使用以下命令：
cpx src/*.js dist/ --exclude src/test.js
示例代码
下面是一个使用 cpx2 进行文件复制的示例代码。在该代码中，我们将 src 文件夹中的所有文件复制到 dist 文件夹中，仅复制以 .js 结尾的文件。
-- -------------------- ---- ------- ----- --- - ---------------- -------------------- -------- - ------ ----- -------- --------------- -- ------------- - -- ----- ----- ---- --------------------- ---
总结
cpx2 是一个非常方便的文件复制工具，通过本文的介绍，读者可以了解到 cpx2 的基本使用方式以及一些高级功能，进一步提高了前端开发的效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc68db5cbfe1ea061224b