前言
在前端开发过程中，常常需要将项目中的文件和目录进行复制。如果直接使用 cp 命令或者传统的拷贝方式，可能会产生很多不必要的文件和目录，而且还有可能覆盖已有的文件和目录。这时候，我们可以使用一个方便快捷的 npm 包——relative-dest。
安装
使用 npm 或者 yarn 进行安装：
npm install relative-dest --save-dev
使用方法
简单例子
假设有以下目录结构：
├── src │ ├── a.js │ ├── b.js │ └── c.js └── dist └── js
现在需要将 src 目录下的所有 JavaScript 文件复制到 dist/js 目录下，同时保持原来的目录结构。可以使用以下代码：
const relativeDest = require('relative-dest'); const path = require('path'); relativeDest('./src/**/*.js', './dist/js', { rename: (dest, src) => { return path.join(dest, path.basename(src)); } });
执行完上述代码后，dist/js 目录下就会出现 a.js、b.js 和 c.js 文件，分别对应 src 目录下的同名文件。
指定源目录
有时候，我们需要从指定的目录开始复制文件。假设有以下目录结构：
├── src │ ├── a.js │ ├── b.js │ └── c.js └── dist └── js
现在需要将 src 目录下的所有 JavaScript 文件复制到 dist/js 目录下，同时保持原来的目录结构。可以使用以下代码：
-- -------------------- ---- ------- ----- ------------ - ------------------------- ----- ---- - ---------------- ----------------------------- ------------ - -------- -------- ------- ------ ---- -- - ------ --------------- ---------------------- ------ - ---展开代码
执行完上述代码后，dist/js 目录下就会出现 a.js、b.js 和 c.js 文件，分别对应 src 目录下的同名文件。
过滤文件
有时候，我们需要过滤掉一些不需要复制的文件。假设有以下目录结构：
├── src │ ├── a.js │ ├── b.ts │ └── c.js └── dist └── js
现在需要将 src 目录下的所有 JavaScript 文件复制到 dist/js 目录下，同时保持原来的目录结构。可以使用以下代码：
-- -------------------- ---- ------- ----- ------------ - ------------------------- ----- ---- - ---------------- ------------------------------ ------------------------ ------------ - -------- -------- ------- ------ ---- -- - ------ --------------- ---------------------- ------ - ---展开代码
执行完上述代码后，dist/js 目录下就会出现 a.js 和 c.js 文件，对应 src 目录下的同名文件，而 b.ts 文件则被过滤掉了。
总结
relative-dest 是一个非常方便快捷的 npm 包，能够帮助我们在前端开发过程中更加简单地复制文件和目录。通过本文的介绍，相信大家已经学会了如何使用它了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/46954
