功能

在本地開發(fā)npm模塊的時候，我們可以使用npm link命令，將npm 模塊鏈接到對應(yīng)的運(yùn)行項目中去，方便地對模塊進(jìn)行調(diào)試和測試

使用方法

創(chuàng)建鏈接

在這里，我們有兩個項目，一個是npm-link-module，是我們要開發(fā)的npm模塊,另一個是npm-link-example,是我們要運(yùn)行npm模塊的項目

首先，進(jìn)入我們的npm-link-module項目，執(zhí)行npm link

cd npm-link-module
npm link

執(zhí)行命令后，npm-link-module會根據(jù)package.json上的配置，被鏈接到全局，路徑是{prefix}/lib/node_modules/<package>，這是官方文檔上的描述，我們可以使用npm config get prefix命令獲取到prefix的值(不過我這里使用的是windows，實際被鏈接到的路徑是{prefix}/node_modules/<package>，不知道是不是npm升級的原因)，如果是win系統(tǒng)的話，實際觀察，會發(fā)現(xiàn)在{prefix}/lib/node_modules/<package>路徑下的node-link-module是一個快捷方式

image.png

然后，進(jìn)入npm-link-example項目，執(zhí)行 npm link npm-link-module

cd npm-link-example
npm link npm-link-module

npm-link-module會被鏈接到 npm-link-example/node_modules下面，同樣也是快捷方式

image.png

OK，鏈接創(chuàng)建完成

代碼實踐

好，讓我們測試一下創(chuàng)建鏈接之后會有哪些便利

之前在npm-link-module里，我是這樣寫的

image.png

我們在npm-link-example引用然后運(yùn)行

image.png

image.png

運(yùn)行成功

然后，我們修改下npm-link-module

image.png

再次運(yùn)行npm-link-example

image.png

看到了吧，所有對npm-link-module的修改會被直接映射到 npm-link-example/node_modules/npm-link-module下面