一文讲懂NpmLink,你会了吗?

本文转载自微信公众号「前端壹栈」,作者落落落洛克。转载本文请联系前端壹栈公众号。

创新互联建站是专业的琼结网站建设公司,琼结接单;提供网站设计、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行琼结网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

前言

在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试

用法

包链接是一个两步过程:

1.为依赖项创建全局软链npm link。一个符号链接,简称软链,是一个快捷方式,指向系统上的其它目录或文件。

2.告诉应用程序使用全局软链npm link some-dep。

 
 
 
 
  1. cd ~/projects/some-dep 
  2. npm link # 步骤 1. 
  3. cd ~/projects/my-app 
  4. npm link some-dep # 步骤 2.

我们可以像往常一样在some-dep项目上进行开发. 然后my-app依赖some-dep也是最新的代码。软链是指向本地的,并不会提交到git,这非常有利于我们的调试

调试

如果使用VSCode并想在some-dep中设置断点,你需要在调试器中为my-app启用软链。这样做是通过设置

 
 
 
 
  1. “runtimeArgs”:[ 
  2.   “-- preserve -symlinks” 
  3. ]

在launch.json。

在代码中的调试配置中启用符号链接

恢复

当我们不想再使用本地版本时some-dep,请删除软链。但请注意,npm unlink是npm uninstall的别名

 
 
 
 
  1. cd ~/projects/my-app 
  2. npm uninstall --no-save some-dep && npm install

也清理全局链接,但它的存在不会影响到my-app.

 
 
 
 
  1. cd ~/projects/some-dep 
  2. npm uninstall # 删除全软链链接

总结

掌握npm link的两步流程是对任何Node.js开发者的工具集的一个有益补充。这个过程包括在依赖关系中运行npm link,以及在应用中运行npm link some-dep。(另外多提一点现代包管理工具pnpm也是利用软链来管理它的依赖视图)

当前文章:一文讲懂NpmLink,你会了吗?
文章分享:http://www.gawzjz.com/qtweb2/news31/23981.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联