在前端开发过程中经常需要引用各种第三方 package，而这些 package 往往存在于不同的目录下，这时候我们可能需要将它们的共同目录找出来，以便统一处理。这个时候，就可以考虑 npm 包 common-dir 来进行处理。
简介
common-dir 是一个 npm 包，它可以找到多个文件所在的共同目录，并返回该目录的绝对路径。
安装
使用 npm 安装 common-dir：
npm install common-dir --save-dev
使用方法
引入 common-dir
const commonDir = require("common-dir");使用 commonDir 函数
commonDir 函数可以接受一个包含多个文件路径的数组，返回它们共同目录的绝对路径。
示例代码：
const files = [ "/User/haha/project1/components/xx.js", "/User/haha/project1/components/yy.js", "/User/haha/project1/components/zz.js" ]; const dir = commonDir(files); console.log(dir); // "/User/haha/project1/components"
使用参数 options
在使用 commonDir 函数时，还可以进行参数配置，详细可查看官方文档。这里简单介绍两个常用参数：
- cwd：类似于 Node.js 的 process.cwd()，表示 commonDir 函数查找路径时的起点。默认值为 process.cwd()。
- nocase：表示是否忽略大小写进行查找。默认值为 false。
你可以像这样使用它们：
-- -------------------- ---- ------- ----- ----- - - --------------------------------------- --------------------------------------- -------------------------------------- -- ----- ------- - - ---- --------------------- -- ----- --- - ---------------- --------- ----------------- -- --------------------------------
-- -------------------- ---- ------- ----- ----- - - --------------------------------------- --------------------------------------- -------------------------------------- -- ----- ------- - - ------- ---- -- ----- --- - ---------------- --------- ----------------- -- --------------------------------
深度和学习
在使用 commonDir 函数时，你需要注意以下几点：
- commonDir 函数会对数组中的路径进行解析，因此它需要较多的时间才能完成。
- 如果输入的数组长度为 0，则 commonDir 函数会抛出一个异常。
- 如果输入的数组长度为 1，则 commonDir 函数会返回该路径所在的目录。
- 如果输入的数组中只有一个文件，则 commonDir 函数会返回该文件所在的目录。
你可以通过阅读官方文档了解更多信息。在使用 commonDir 时，还需要注意其他相关知识，例如 Node.js 中的 Path 模块等。
指导意义
在前端开发中，优秀的工具和框架为我们提供了高效、灵活的开发方式。commonDir 作为一个 npm 包，简洁高效地帮我们解决了一个常见的开发问题。在实际开发中，我们需要更加深入地了解这些工具和框架的实现原理，才能更好地使用它们，并在其基础上进行二次开发和优化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/59104