前言
在前端开发过程中，复制、移动和删除文件是很常见的操作。然而，在不同的操作系统上，文件操作的方式、命令也不一样。为了方便在不同操作系统上进行文件的操作，我们可以使用 cpx 这个工具来进行文件操作。同时，为了在 TypeScript 代码中使用 cpx，我们可以安装一个叫做 @types/cpx 的 npm 包，它提供了相应的类型定义，这样我们就可以安心地在 TypeScript 中使用 cpx 了。
安装 @types/cpx
首先，我们需要使用 npm 安装 @types/cpx。
npm install --save-dev @types/cpx
安装完成后，我们就可以在 TypeScript 中愉快地使用 cpx 了。
cpx 命令
在使用 cpx 之前，先介绍一下 cpx 命令的基本使用方法。
复制文件
cpx [options] <source> <destination>
source: 指定需要复制的源文件或者源目录，可以使用通配符（如./src/*.ts）。destination: 指定目标文件或者目标目录。
比如下面这个命令就可以将当前目录下的 src 目录复制到 dist 目录下。
cpx ./src ./dist
删除文件
cpx [options] <source> --clean
source: 指定需要删除的文件或者目录，可以使用通配符。--clean: 指定为删除操作。
比如下面这个命令可以删除 dist 目录下的所有文件。
cpx ./dist/* --clean
TypeScript 中使用 cpx
在 TypeScript 中使用 cpx，我们需要先安装 @types/cpx，然后在代码中引入 cpx。
-- -------------------- ---- -------
------ --- ---- ------
---------------------- --------- ----- -- -
-- ----- -
-------------------
-------
-
----------------- -----------
---上面的代码会将 ./src 下的所有 .ts 文件复制到 ./dist 下。如果操作失败，则会在控制台输出错误信息。
高级使用
除了基本的复制和删除操作，cpx 还提供了其他一些有用的功能，比如监听文件变化、过滤文件等。
监听文件变化
cpx [options] <source> <destination> --watch
source: 指定需要监听的源文件或者源目录，可以使用通配符（如./src/*.ts）。destination: 指定目标文件或者目标目录。--watch: 指定为监听操作。
比如下面这个命令会监听 ./src 下的所有文件变化，并在文件变化时自动将文件复制到 ./dist 目录下。
cpx ./src/* ./dist --watch
过滤文件
cpx [options] <source> <destination> --filter <pattern>
source: 指定需要复制的源文件或者源目录，可以使用通配符（如./src/*.ts）。destination: 指定目标文件或者目标目录。--filter: 指定使用的匹配规则。
比如下面这个命令只会复制 ./src 目录下的以 .ts 和 .js 结尾的文件。
cpx ./src/* ./dist --filter "*.ts,*.js"
总结
通过本文的介绍，我们学习了如何使用 @types/cpx 来在 TypeScript 中使用 cpx 进行文件操作。同时，我们也了解了 cpx 命令的基本用法和一些高级功能。在实际开发中，cpx 可以让我们在不同的操作系统下方便地进行文件操作，提高了开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb499b5cbfe1ea06112ff