npm link的作用——避免頻繁發佈更新

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章