npm 是一个非常优秀的包管理工具，能够方便地通过一个简单的命令安装和管理各种前端组件和框架。随着项目规模和代码复杂度的增加，我们经常会遇到多个项目之间需要共享一些代码的情况，这个时候我们就需要用到 npm 包的 link 功能。但是 link 的写法往往比较繁琐，而且容易出错，而这个时候我们可以使用 dot-link 这个 npm 包来简化这个过程。
dot-link 是什么？
dot-link 是一个命令行工具，它能够自动将本地 npm 包与所需项目进行链接。对于一些需要频繁修改的组件或工具，过去需要不断手动执行 npm link 的方式进行本地调试，这显然是一件比较繁琐的工作。而使用 dot-link 就能够自动将你当前目录下的 linkable 包链接到需要的项目中，而不需要手动执行 npm link 的命令。使得开发者可以尽可能地将时间花费在代码的编写上，而不是去进行繁琐的操作。
dot-link 的安装方式
dot-link 是一个 node.js 包，所以需要先安装好 node.js 以及 npm 包管理工具，这里不再赘述。接下来，我们打开命令行，输入以下命令即可安装 dot-link：
npm install dot-link -g
dot-link 的使用方式
接下来，让我们看看如何使用 dot-link 进行本地包的链接。
第一步：进入到可链接的本地包的目录
这里我们以本地的一个名为 my-package 的包为例，首先需要进入 my-package 的根目录：
cd /my-package
第二步：执行 dot-link 命令
在 my-package 的根目录下，我们可以使用如下命令执行 link 操作：
dot-link
这个命令将会将 my-package 与当前项目进行关联，和原生的 npm link 命令的效果是一致的。
更多 dot-link 命令
除了支持 dot-link 的基本功能之外，dot-link 还提供了更多的命令，例如：
dot-link list
用于查看当前已经 link 的本地包列表。
$ dot-link list my-local-package@1.0.0 => /Users/kid/Desktop/dev/my-local-package my-local-package@2.0.0 => /Users/kid/Desktop/dev/my-local-package-2
dot-link unlink
用于删除已经 link 的本地包，释放相关的资源。
$ dot-link unlink my-local-package
dot-link reset
用于重置所有的链接，将所有本地包全部解除链接。
$ dot-link reset
一个使用 dot-link 的示例
假设我们有一个名为 my-app 的项目，和一个名为 my-package 的本地包。现在我们需要将 my-package 作为 my-app 项目的依赖包进行 link，那么我们可以按照以下步骤操作：
第一步：进入 my-package 目录，执行 dot-link 命令
cd /my-package dot-link
执行完这一步之后，my-package 就被注册为本地包，并且可以被链接到任意一个需要它的项目中。
第二步：进入 my-app 目录，安装并 link my-package
cd /my-app npm link my-package
以上命令将 my-package 作为 my-app 项目的依赖包进行 link，这样在 my-app 中就可以使用 my-package 提供的全部功能了。
第三步：编写并测试代码
现在，我们就可以在 my-app 项目中编写并测试代码了。当需要对 my-package 进行调试或修改时，只需要在 my-package 目录中进行相应的变更，然后在 my-app 项目中重新运行 npm link my-package 命令即可。
总结
使用 dot-link 可以轻松完成本地包的链接，同时也能帮助我们更加高效地进行代码开发。相比于手动执行 npm link 命令，dot-link 的使用方式更加简单方便，而且还提供了更多的命令供我们使用，帮助我们更加强大地完成本地开发工作。因此，建议前端开发者尝试使用 dot-link 进行本地包的链接，提高自身的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5a51ab1864dac66f5b