在前端开发中，文件的复制是一个常见的任务。为了方便地完成这一操作，我们可以使用 cpy-cli 这个 npm 包，它提供了一个简单易用的命令行工具，可以快速地复制文件和文件夹。
安装
在使用 cpy-cli 之前，我们需要先安装它。打开终端，进入你的项目目录，执行以下命令来安装：
npm install -g cpy-cli
使用方法
基本用法
cpy-cli 的基本语法非常简单，只需要输入源文件路径和目标路径即可完成复制。例如，要将 src/index.js 文件复制到 dist 文件夹下，可以使用以下命令：
cpy src/index.js dist
如果要复制整个 src 文件夹到 dist 文件夹下，可以加上 -r 参数：
cpy -r src dist
高级用法
cpy-cli 还支持一些高级用法，例如指定文件类型、排除某些文件等。以下是一些示例：
指定文件类型：
cpy 'src/**/*.css' dist/styles
排除某些文件：
cpy 'src/**/*.*' '!src/**/*.js' dist
使用变量：
cpy --rename='{dirname}/{basename}.bak{extname}' src/foo/bar.js dist更多高级用法请参考 cpy-cli 的文档。
指导意义
使用 cpy-cli 可以让前端开发过程中的文件复制任务变得更加高效和便捷。它简单易用，支持多种复制方式，并且能够自定义复制规则。在实际开发中，我们可以将其与其他工具结合使用，例如 Gulp、Webpack 等，来完成更加复杂的任务。
示例代码
以下是一个 Gulp 任务的示例代码，它使用 cpy-cli 将 src 文件夹下的所有 HTML 文件复制到 dist 文件夹下：
const gulp = require('gulp');
const cpy = require('cpy-cli');
gulp.task('copy-html', async function () {
await cpy(['src/**/*.html'], 'dist');
});以上就是使用 cpy-cli 的详细教程和示例代码。希望对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40027