在前端开发中，我们常常需要将源代码编译成可在浏览器中运行的代码。这时候，就需要一个能够监控文件变化，并自动编译文件的工具。而 cpx 正好可以胜任这个任务。
cpx 简介
cpx 是一个基于 Node.js 的命令行工具，它可以用来复制或转移文件。相比于其他的文件复制工具，cpx 具有以下优点：
- 支持 glob 模式，可以对符合某种模式的文件进行操作；
- 支持文件监控，当文件发生变化时，自动执行相应的操作；
- 支持多个源文件和目标文件路径。
安装 cpx
cpx 可以通过 npm 进行安装。在终端中输入以下命令即可：
npm install -g cpx
使用 cpx
复制文件
要复制单个文件，可以使用以下命令：
cpx source destination
其中，source 为源文件路径，destination 为目标文件路径。例如，要将 src/index.html 复制到 dist/index.html，可以使用以下命令：
cpx src/index.html dist/
要复制多个文件，可以使用 glob 模式。例如，要将所有 .html 文件复制到 dist 目录下，可以使用以下命令：
cpx src/*.html dist/
监听文件变化
cpx 支持监控文件变化，当源文件发生变化时，自动执行相应的操作。要启用文件监控功能，可以使用 -w 或 --watch 参数。例如，要将所有 .js 文件复制到 dist 目录下，并监听文件变化，可以使用以下命令：
cpx -w src/*.js dist/
指定源文件和目标文件路径
cpx 支持同时指定多个源文件和目标文件路径。例如，要将 src/index.html 复制到 dist/html/index.html，并将 src/app.js 复制到 dist/js/app.js，可以使用以下命令：
cpx src/index.html src/app.js dist/html/ dist/js/
高级用法
cpx 还支持许多高级用法，如通过正则表达式匹配文件、过滤某些文件等。有关更多详细信息，请查看官方文档。
总结
使用 cpx 可以轻松地进行文件复制和转移操作，而且还支持文件监控和多个源文件和目标文件路径。希望本文内容对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47594