快捷導(dǎo)航

Npm link的作用與使用示例代碼

更新時(shí)間：2023年01月17日 11:40:57 作者：AI3D_WebEngineer

npm link可以幫助我們模擬包安裝后的狀態(tài)，它會(huì)在系統(tǒng)中做一個(gè)快捷方式映射，讓本地的包就好像 install 過一樣，可以直接使用，這篇文章主要介紹了Npm link的作用與使用示例代碼,需要的朋友可以參考下

一、為什么要用Npm link

庫包在開發(fā)或迭代后，不適合發(fā)布到線上進(jìn)行調(diào)試（過程繁瑣且會(huì)導(dǎo)致版本號(hào)膨脹）

二、Npm link工作原理

`npm link` 可以幫助我們模擬包安裝后的狀態(tài)，它會(huì)在系統(tǒng)中做一個(gè)快捷方式映射，讓本地的包就好像 install 過一樣，可以直接使用。

三、Npm link的使用

同一目錄下的使用

// 進(jìn)入應(yīng)用文件夾
$ cd xxx/project_npmlink/project1
// 軟鏈接
$ npm link ../module1

npm link 操作會(huì)在項(xiàng)目的 node_modules 目錄下創(chuàng)建一個(gè) module1的超鏈接（類似 Windows 的快捷方式），鏈接到 project_npmlink/module1。

生成的虛擬包名會(huì)根據(jù)module1的package.json進(jìn)行指定。

不同目錄下使用：

項(xiàng)目和模塊不在同一個(gè)目錄下，需要先把模塊鏈接到全局，然后再在項(xiàng)目中鏈接模塊

$ cd xxx/project_npmlink/module1
$ npm link

npm link 操作會(huì)在全局 node_modules 目錄下創(chuàng)建一個(gè) module-name 的超鏈接。

// 再去項(xiàng)目目錄
$ cd xxx/project_npmlink/project1
// 通過包名建立鏈接
$ npm link module1

此時(shí)只需要指定 module-name，在項(xiàng)目的 node_modules 目錄下創(chuàng)建一個(gè) module-name 的超鏈接，鏈接到 /usr/local/lib/node_modules/module-name，然后再由全局目錄下的超鏈接，鏈接到具體的代碼目錄下。

三、刪除npm link的鏈接

解除項(xiàng)目和模塊的鏈接

// 進(jìn)入項(xiàng)目目錄，解除鏈接
$ cd xxx/project_npmlink/project1
$ npm unlink module1

解除模塊的全局鏈接

// 進(jìn)入項(xiàng)目目錄，解除鏈接
$ cd xxx/project_npmlink/module1
$ npm unlink module1

補(bǔ)充：npm link

記錄一下，開發(fā)npm包時(shí)要在項(xiàng)目中調(diào)試，可以在npm包中執(zhí)行npm link 鏈接到全局，在項(xiàng)目中npm link xxxxx(npm包名)；當(dāng)調(diào)試完成后，解除npm link 可以在項(xiàng)目中執(zhí)行 npm unlink xxxx(npm包名)
第二種方法，npm list -g --depth 0查看全局安裝的包，找到全局包的路徑，直接刪除這個(gè)文件

到此這篇關(guān)于Npm link的作用與使用的文章就介紹到這了,更多相關(guān)Npm link的作用與使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: