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生成器对其进行了脚手架（但是最终我们可能最终不得不手动完成它；我不记得了。）

我发现本文谈论的是其中一些内容。