前端开发利器:npm 软链接

什么是 npm 软链接

npm 软连接是为开发的模块创造一个全局链接,方便在主项目中使用依赖的模块进行测试。我们可以使用npm link 指令将模块链接到项目中,使用软链接,能够避免重复繁琐的打包发布操作。

如何创建连接

假设项目名称为project,和一个公用组件模块common,现需要在项目中使用common,且common是作为npm打包成项目依赖。

(1)使用npm link指令将 common 模块创建成本地依赖包。

在 common 目录下输入命令:

npm link

(2) 在 project 项目目录中,和本地 common 模块建立链接。

npm link commom

*** 注意:命令中的 common,是 common 模块项目中 package.json 的 name 属性,而不是目录名称。

此时在 project 中的 node_models 里就会添加一个 common 模块的软链接。之后再修改 common 项目中的代码就是实时更新,而不用重新打包发布安装依赖了。

解除链接

要解除项目的依赖,直接在 project 目录里输入命令:

npm unlink common

要解除本地 common 包,在 common 目录中也是同样的操作:

npm unlink common

这里的 common 不强制输入,即 npm unlink 也可以。

相关推荐
star010-37 分钟前
一文学会HTML编程之视频+图文详解详析
前端·网络·网络安全·html·html5
star010-43 分钟前
【视频+图文详解】HTML基础3-html常用标签
前端·css·网络安全·html·html5·学习方法
无限大.6 小时前
前端知识速记:节流与防抖
前端
十八朵郁金香6 小时前
【VUE案例练习】前端vue2+element-ui,后端nodo+express实现‘‘文件上传/删除‘‘功能
前端·javascript·vue.js
学问小小谢6 小时前
第26节课:内容安全策略(CSP)—构建安全网页的防御盾
运维·服务器·前端·网络·学习·安全
LCG元7 小时前
Vue.js组件开发-实现全屏图片文字缩放切换特效
前端·javascript·vue.js
还是鼠鼠8 小时前
图书管理系统 Axios 源码__新增图书
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
还是鼠鼠11 小时前
图书管理系统 Axios 源码 __删除图书功能
前端·javascript·vscode·ajax·前端框架·node.js·bootstrap
轻口味11 小时前
Vue.js `Suspense` 和异步组件加载
前端·javascript·vue.js
m0_zj12 小时前
8.[前端开发-CSS]Day08-图形-字体-字体图标-元素定位
前端·css