web-components 里面的組件庫 修改頻繁 可以使用link 創建鏈接,引用放就不需要每次都重新發布重新安裝更新了
功能
在本地開發npm模塊的時候,我們可以使用npm link命令,將npm 模塊鏈接到對應的運行項目中去,方便地對模塊進行調試和測試
使用方法
創建鏈接
在這里,我們有兩個項目,一個是npm-link-module
,是我們要開發的npm模塊,另一個是npm-link-example
,是我們要運行npm模塊的項目
首先,進入我們的npm-link-module
項目,執行npm link
cd npm-link-module npm link
執行命令后,npm-link-module會根據package.json上的配置,被鏈接到全局,路徑是{prefix}/lib/node_modules/<package>
,這是官方文檔上的描述,我們可以使用npm config get prefix
命令獲取到prefix的值(不過我這里使用的是windows,實際被鏈接到的路徑是{prefix}/node_modules/<package>
,不知道是不是npm升級的原因),如果是win系統的話,實際觀察,會發現在{prefix}/lib/node_modules/<package>
路徑下的node-link-module
是一個快捷方式

然后,進入npm-link-example
項目,執行 npm link npm-link-module
cd npm-link-example npm link npm-link-module
npm-link-module
會被鏈接到 npm-link-example/node_modules
下面,同樣也是快捷方式

OK,鏈接創建完成
代碼實踐
好,讓我們測試一下創建鏈接之后會有哪些便利
之前在npm-link-module
里,我是這樣寫的

我們在npm-link-example
引用然后運行

運行成功
然后,我們修改下npm-link-module

再次運行npm-link-example

看到了吧,所有對npm-link-module
的修改會被直接映射到 npm-link-example/node_modules/npm-link-module
下面
鏈接:https://www.jianshu.com/p/aaa7db89a5b2