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生成器来构建它（但是最终我们可能最终不得不手动完成它；我不记得了。）

我发现这个article在谈论其中的一些东西。