使用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就可以了啦

那最后再看一下成品图

相关推荐
Heidi__1 小时前
Vue 3 的响应式原理
前端·javascript·vue.js
LinXunFeng1 小时前
Flutter - Xcode16 还原编译速度
前端·flutter·xcode
夏之小星星1 小时前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue
zhangivon1 小时前
如何设计灵活可扩展的前端日志解决方案:提升应用稳定性与可观测性
前端
程序员黄同学2 小时前
解释观察者模式,如何实现观察者模式?
前端·算法·观察者模式
观无3 小时前
JWT认证服务
前端·c#·vue
匹马夕阳3 小时前
(一)前端程序员转安卓开发分析和规划建议
android·前端
Monly213 小时前
Vue:Table在点击删除的时候阻止行点击事件
前端·javascript·vue.js
我自纵横20234 小时前
使用 JavaScript 动态设置 CSS 样式
开发语言·前端·javascript·css·html·json·html5
Z编程4 小时前
纯css实现环形进度条
前端·css