今天我又用到了npm link

·  阅读 290

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

前言

npm 是我们日常开发工作中必不可少的工具,我们可以从上面安装很多我们需要用到的资源包。除了直接使用 npm 包,我们也会需要去开发自己的 npm 包,比如说开发一个工具或者是封装一些组件什么的。

我们在开发 npm 包后,会发布到线上,以供项目中引用。

但是如果修改代码库的时候,如何进行本地的集成测试,如果每次到发布到 npm 上,就会导致更新太频繁。每次都要重新安转,这样会比较麻烦。难道就没有一种方便的方法吗?答案就是 npm link

如何使用

首先创建 link

进入到我们的 npm 包项目的根目录(package.json所在的目录)中,直接执行 npm link,然后就会生成一个包名为 package.json"name": "package-name" 的名称。

假如我们有一个 moudle-test 的包:

cd moudle-test
npm link
复制代码

执行 npm link ,它具体干了什么呢

npm link in a package folder will create a symlink in the global folder {prefix}/lib/node_modules/<package> that links to the package where the npm link command was executed. (see npm-config for the value of prefix). It will also link any bins in the package to {prefix}/bin/{name}.

大致意思就是会在全局创建一个链接,指向我们创建的包。

链接本地npm包

在上一步我们在全局生成了一个包:package-name。我们需要进入到使用这个包的项目中。在根目录中执行 npm link package-name,这样我们本地项目所依赖的包就是我们正在调试的包了。

in some other location, npm link package-name will create a symbolic link from globally-installed package-name to node_modules/ of the current folder.

卸载本地资源包,恢复线上

当我们的本地包开发完成后,就会发布一个稳定版本到线上(npmjs)。

本地项目就要卸载正在调试的 npm 包,同事恢复线上包

npm unlink --no-save package && npm install
复制代码

结语

如果这篇文章帮到了你,欢迎点赞👍和关注⭐️。

文章如有错误之处,希望在评论区指正🙏🙏。

附:

分类:
前端
标签:
分类:
前端
标签: