yarn link使用(npm link)

使用场景

前端开发中,两个项目相互依赖时,使用yarn link(npm link)链接

例如:A项目依赖于本司自己的UI库B,当我们修改了UI库B中的某些代码时,需本地验证后再发布到私服,此时A项目与UI项目B通过yarn link连接后,验证我们修改的UI项目B中的修改生效无误后再发布升级版本到私服,最后修改A项目package.json中的UI项目B依赖的版本号,推送代码构建部署项目A

方法步骤

1、在项目B中执行 yarn link

2、修改项目B的代码后,进行打包yarn build (具体打包命令根据你的项目命令操作)

3、在A项目中执行 yarn link [项目B名称] (也即你的项目B package.json中的name字段的值)

4、在A项目中执行 yarn, 之后运行A项目即可查看你的项目B的改动是否生效

5、验证成功后,在A项目中执行 yarn link [项目B名称] 来取消本地依赖

切记:当你修改项目B代码之后需重新yarn build之后,再在项目A中重新yarn(即相当于重新安装本地依赖B,否则A项目还是引用的旧的改动)

npm link 步骤同上

相关推荐
m0_738120724 小时前
渗透测试——Momentum靶机渗透提取详细教程(XSS漏洞解密Cookie,SS获取信息,Redis服务利用)
前端·redis·安全·web安全·ssh·php·xss
We་ct4 小时前
LeetCode 124. 二叉树中的最大路径和:刷题解析
前端·数据结构·算法·leetcode·typescript
你怎么知道我是队长5 小时前
前端学习---VsCode相关插件安装
前端·vscode·学习
小程故事多_805 小时前
破局 LLM 黑盒困局,Phoenix 凭全链路可观测,重构大模型应用工程化落地规则
java·前端·人工智能·重构·aigc
紫微AI7 小时前
WebMCP:开启 Agentic Web 新时代——Chrome 新 API 的特性与前瞻
前端·chrome
恋猫de小郭13 小时前
AGENTS.md 真的对 AI Coding 有用吗?或许在此之前你没用对?
前端·人工智能·ai编程
sunny_15 小时前
构建工具的第三次革命:从 Rollup 到 Rust Bundler,我是如何设计 robuild 的
前端·rust·前端工程化
rfidunion16 小时前
springboot+VUE+部署(12。Nginx和前端配置遇到的问题)
前端·vue.js·spring boot
珹洺16 小时前
Java-servlet(五)手把手教你利用Servlet配置HTML请求与相应
java·运维·服务器·前端·servlet·html·maven
QQ243919716 小时前
语言在线考试与学习交流网页平台信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·spring boot·sql·学习·java-ee