在前端开发中，我们经常需要将某些文件从一个目录复制到另一个目录。一种常用的方法是手动复制和粘贴，但这样的方式不仅费时费力，而且容易出错。
幸运的是，我们可以使用 package.json 中的 scripts 字段来创建一些脚本，实现自动化的复制工作。在本文中，我将介绍如何使用 package.json 脚本复制特定文件类型的文件。
第 1 步：创建脚本
首先，我们需要在 package.json 文件中创建一个脚本。打开您的 package.json 文件并找到 "scripts" 字段。如果该字段不存在，请添加以下内容：
{
"scripts": {}
}现在，我们可以在 "scripts" 字段中添加一个新的脚本。我们可以给脚本取任何名字，但为了方便起见，我将其命名为 "copyfiles"。
{
"scripts": {
"copyfiles": ""
}
}第 2 步：安装依赖
在编写具体的脚本之前，我们需要安装一些必要的依赖项。我们将使用 glob 和 ncp 这两个 Node.js 模块来实现文件操作。
在终端中运行以下命令安装这些依赖项：
npm install glob ncp --save-dev
第 3 步：编写脚本
现在我们可以开始编写我们的复制脚本了。假设我们要将所有的 PNG 图片从 "src/images" 目录复制到 "dist/images" 目录。我们可以按照以下方式编写脚本：
{
"scripts": {
"copyfiles": "node copyfiles.js"
}
}其中，"copyfiles.js" 是一个包含实际脚本代码的文件。创建一个名为 "copyfiles.js" 的新文件，并在其中添加以下内容：
-- -------------------- ---- -------
----- ---- - ----------------
----- --- - ---------------
-- -----------
------------------------ -------- ----- ------ -
-- ----- ----- ----
-- -----------
---------------------- ------ -
----- ---- - ---------------------------- ---------------
--------- ----- -------- ----- -
-- ----- ----- ----
-------------------- ------ -- ----------
---
---
---该脚本首先使用 glob 模块获取 "src/images" 目录下所有的 PNG 文件。然后，它使用 ncp 模块将每个文件复制到 "dist/images" 目录，并在控制台输出复制的文件名和目标路径。
您可以根据需要更改 glob 模式和目标目录，以适应不同的复制需求。
第 4 步：运行脚本
现在我们的脚本已经准备好了。在终端中运行以下命令来执行它：
npm run copyfiles
该命令将运行 package.json 中定义的 "copyfiles" 脚本，并将控制台输出所有被复制的文件名和目标路径。
如果您想将复制脚本与其他脚本一起运行，可以使用 concurrently 模块来同时运行多个命令。
结论
通过使用 package.json 脚本和 Node.js 模块，我们可以轻松地实现自动化的文件复制任务，从而提高开发效率并减少出错的可能性。希望这篇
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/605429768d846479e750aaa9