如何設置在 npm package 上開發的項目

Question

我有一個 git 根項目，我在我的根項目中使用 git 子項目。 例如，我有項目 MyApp 和一個子項目 UIComponents。 目前，我已將 UIComponents 存儲庫克隆到我的項目文件夾中，並將 UIComponents 添加到根項目的 .gitignore 中。 現在我想為 UIComponents 構建一個 npm package，我希望能夠在 npm 生產構建和開發之間切換。 問題是在開發中，導入是這樣的：

import Button from './UIComponents'

並使用 npm package 導入是這樣的：

import Button from '@my_name/UIComponents'

我不想每次都調整進口。 想到的第一個想法是在 node_modules 文件夾中開發 UIComponents ，但這似乎不是一個好的解決方案。

Answer 1

為了解決這個問題，嘗試使用npm 鏈接。 因此，不要將它克隆到需要添加到 gitignore 的子目錄中，只需檢查項目外部的存儲庫，然后鏈接它。

例子：

cd ~/projects/UIComponents
npm link  
cd ~/projects/MyApp
npm link @my_name/UIComponents 

通過這種方式，您可以使用相同的導入語法，但您可以同時在兩個項目中進行本地開發，而無需發布每個更改。