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

相关推荐
匠心网络科技2 分钟前
前端框架-框架为何应运而生?
前端·javascript·vue.js·学习
没文化的程序猿4 分钟前
高效获取 Noon 商品详情:从数据抓取到业务应用全流程手册
前端·javascript·html
mn_kw5 分钟前
Spark SQL CBO(基于成本的优化器)参数深度解析
前端·sql·spark
徐同保6 分钟前
typeorm node后端数据库ORM
前端
艾小码15 分钟前
Vue 组件设计纠结症?一招教你告别“数据到底放哪”的烦恼
前端·javascript·vue.js
SVIP111591 小时前
即时通讯WebSocket详解及使用方法
前端·javascript
mCell6 小时前
使用 useSearchParams 同步 URL 和查询参数
前端·javascript·react.js
mCell7 小时前
前端路由详解:Hash vs History
前端·javascript·vue-router
海上彼尚7 小时前
无需绑卡的海外地图
前端·javascript·vue.js·node.js
1024肥宅8 小时前
手写 call、apply、bind 的实现
前端·javascript·ecmascript 6