npm-link基本使用

前言

在项目的前期开发工作中,通常都会将一些可复用的代码抽离成公共组件,方便管理和维护。或者是将一些非业务性的、而且公用率很高的发布成npm包,作为项目的依赖去安装使用。但是在开发调试中需要频繁的打包发布,然后项目中再安装依赖,这种重复的操作非常的繁琐和不便,为了解决这一系列重复的操作,可以使用npm-link指令将模块链接到项目中。

 

建立链接

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

首先第一步,使用npm link将common模块创建成本地依赖包。在common目录下输入命令:

npm link

然后进入到project1项目目录里,和本地common模块建立链接。命令中‘common’是common模块中package.json的name属性值,而不是目录名称。

npm link common

现在在project1中的node_models里就会添加一个common模块的软连接。就说明项目链接模块成功了。
之后修改common里的内容就会实时更新,而不用打包发布再安装依赖。

 

解除链接

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

npm unlink common

这样项目里就解除了common模块的软连接,然后可以在输入npm install common安装你发布更新好的common模块包。

要解除本地common包,在common目录中输入命令:

npm unlink common

这样本地的common包模块就解除了,其他项目的软连接也失效了。

 

结语

使用npm link能够避免重复且繁琐的打包发布操作,给开发调试带来便捷,而且使用方法简单。

上一篇:vue3+vite安装route路由、axios(跨域)


下一篇:最长公共子串(Longest Common Substring)和最长公共子序列(Longest Common Subsequence)