Create-react-app作為依賴項，類似於故事書

Question

我正在研究多個React項目，並希望創建一個共享的依賴項，以獨立顯示其React組件，類似於Storybook。

我想要：

• 為此使用create-react-app
• 將應用程序作為軟件包安裝在我所有的庫和應用程序中（它將駐留在它們的node_modules中），而對於從“上方”接收的組件類型卻不了解
• 為了使CRA的webpack配置能夠導入和編譯src文件夾之外的文件，即-我將編輯start.js腳本以根據收到的CLI參數查找這些文件。

我試過彈出並更改weback配置文件（刪除模塊作用域插件），並添加了一個加載器，該加載器將編譯上面兩個或三個文件夾中的文件，但是我總是遇到相同的錯誤：

You attempted to import ... which falls outside of the project src/ directory.

有沒有一種簡單的方法可以在src之外進行編譯？

Answer 1

我的公司使用Lerna來創建Monorepo。 如果我正確理解了您的用例，那么我們的用例幾乎與您的用例相同。

最初，設置Lerna並非易事。 我認為，我們使用了Yeoman生成器對其進行了腳手架（但是最終我們可能最終不得不手動完成它；我不記得了。）

我發現本文談論的是其中一些內容。