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 步骤同上

相关推荐
傻啦嘿哟14 分钟前
Python在Excel中创建与优化数据透视表的完整指南
java·前端·spring
拜晨20 分钟前
用流式 JSON 解析让 AI 产品交互提前
前端·javascript
浩男孩23 分钟前
🍀vue3 + Typescript +Tdesign + HiPrint 打印下载解决方案
前端
andwhataboutit?24 分钟前
LANGGRAPH
java·服务器·前端
无限大625 分钟前
为什么"Web3"是下一代互联网?——从中心化到去中心化的转变
前端·后端·程序员
cypking27 分钟前
CSS 常用特效汇总
前端·css
程序媛小鱼31 分钟前
openlayers撤销与恢复
前端·js
Thomas游戏开发32 分钟前
如何基于全免费素材,0美术成本开发游戏
前端·后端·架构
若梦plus34 分钟前
Hybrid之JSBridge原理
前端·webview
chilavert31834 分钟前
技术演进中的开发沉思-269 Ajax:拖放功能
前端·javascript·ajax