使用npm link 把一个本地项目变成依赖,引入到另一个项目中

突然有天,发现线上的项目有块功能缺失,我以为是我优化的时候不小心改坏了什么代码,导致的,先上图

第一反应,就以为天塌了,完全无从入手,然后我就找了之前的离职的同事,他又给我两个包,让我打成依赖扔进去,这两个包分别是scratch-blocks,scratch-vm,

然后我就使用了npm link

npm link 是 npm 提供的一个命令,用于在本地开发过程中创建符号链接(symbolic links),使得一个本地的包可以像全局安装的包一样被其他项目引用。这在你想要测试一个库或者模块在另一个项目中的表现时非常有用,而不需要每次都重新发布到 npm 仓库。

1:在 scratch-blocks 目录下运行 npm link

2:在 scratch-vm 目录下运行 npm link

3:在进入到我的项目中, npm link scratch-blocks npm link scratch-vm

4:更新package.json,加上依赖

"dependencies": { "scratch-blocks": "file:/path/to/scratch-blocks","scratch-vm": "file:/path/to/scratch-vm" }

5:然后正常npm statrt就可以了啦

那最后再看一下成品图

相关推荐
Eshine、25 分钟前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
q***38511 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
用户47949283569151 小时前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
WYiQIU2 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试
qq_316837752 小时前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
小夏同学呀2 小时前
在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能
前端·javascript·vue.js
芳草萋萋鹦鹉洲哦2 小时前
【vue】导航栏变动后刷新router的几种方法
前端·javascript·vue.js
1***y1782 小时前
Vue项目性能优化案例
前端·vue.js·性能优化
谢尔登3 小时前
【CSS】样式隔离
前端·css
百***58843 小时前
Redis 通用命令
前端·redis·bootstrap