npm link、yarn link及yarn workspaces使用打賞

前端項目越來越大,成熟的團隊免不了分模塊開發再集成,有時候我們也會發布一些npm包用于拆分維護各種模塊,這種時候,在正式發布前,我們的包往往不太方便測試,比如要輸出bin等操作。

還好,npm以及后起之秀yarn都為我們提供了便捷的方式。

1、npm link/yarn link

在希望同步開發的組件包下執行(假設為component-a)

npm link
// or
yarn link

如果是npm,執行后如果項目沒有node依賴,會在根目錄創建一個空的node_modules,yarn則不會

回到使用依賴的項目下(假設為component-b),執行

npm link component-a
// or
yarn link component-a

現在我們就可以在component-b下正常使用component-a的功能了,且component-a改動會實時響應到component-b,其實實質上就是一個軟連接,npm給我們提供了一個便捷的創建方法

2、yarn workspaces

npm link/yarn link的方式不夠便捷,yarn為我們提供了另一種方式,不過按照官方說法,只能適用于" private": true的項目

在package.json中增加workspaces字段,寫入同目錄下的目錄名,然后在dependencies中指定workspaces中指定的目錄下的包名,最后執行

yarn
// or
yarn install
npm link、yarn link及yarn workspaces使用
文章《npm link、yarn link及yarn workspaces使用》二維碼
  • 微信打賞
  • 支付寶打賞

已有9條評論

  1. 小喵

    博主很用心啊

    2017-11-16 10:10 回復
  2. 凈水器廠家

    文章不錯支持一下吧

    2017-10-25 10:05 回復
  3. 百度優化教程

    不錯的,學習到了

    2017-10-18 15:36 回復
  4. lred

    路過

    2017-10-13 16:33 回復
  5. 游客 775

    支持一下,不虛此行!

    2017-10-03 16:04 回復
  6. 游客 616

    支持一下,不虛此行!

    2017-10-03 15:52 回復
  7. 沃八達

    每逢佳節倍思親,看你博客很用心!

    2017-09-30 11:26 回復
  8. 韭菜韭菜

    好厲害–看看——~~

    2017-09-29 20:11 回復
  9. 香港服務器

    學習轉載了。

    2017-09-29 11:27 回復

(必填)

(必填)

(可選)

黑龙江22选5开奖