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

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

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

一、為什么要用Npm link

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

二、Npm link工作原理

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

三、Npm link的使用

同一目錄下的使用

// 進入應用文件夾
$ cd xxx/project_npmlink/project1
// 軟鏈接
$ npm link ../module1

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

生成的虛擬包名會根據module1的package.json進行指定。

不同目錄下使用：

項目和模塊不在同一個目錄下，需要先把模塊鏈接到全局，然后再在項目中鏈接模塊

$ cd xxx/project_npmlink/module1
$ npm link

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

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

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

三、刪除npm link的鏈接

解除項目和模塊的鏈接

// 進入項目目錄，解除鏈接
$ cd xxx/project_npmlink/project1
$ npm unlink module1

解除模塊的全局鏈接

// 進入項目目錄，解除鏈接
$ cd xxx/project_npmlink/module1
$ npm unlink module1

補充：npm link

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

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

您可能感興趣的文章: