来自反应组件的开发环境答案

【问题标题】：Dev environment from react component来自反应组件的开发环境
【发布时间】：2019-04-03 13:44:15
【问题描述】：

我正在 React 中创建库组件。

组件将使用import ... from ... 导入到另一个项目中。

所以，问题很简单。

哪种本地开发测试环境是最好的使用方式？我不想使用 webpack，因为它不是“应用程序”它唯一的单个组件。

我读到了故事书，但我感谢它对一个组件的“大”。

组件本地开发还有其他环境吗？

现在，在进行任何更改之后，我需要构建我的组件并在另一个项目中运行以进行测试。

【问题讨论】：

也许您可以将此组件视为一个库。如果它应该是公共的，只需使用 NPM。如果它是私有的，您可以在 package.json 中将其定义为依赖项，只需提供 git repo 的路径即可。然后问题转换为“我如何将 React 组件发布为 NPM 库”，这是一个不同的问题，应该不难找到最终结果。

【解决方案1】：

我会使用 create-react-app。在您无论如何都可以提取测试代码之后，它确实加快了开发速度。

【讨论】：

【解决方案2】：

仍然需要 Webpack，因为您希望在 /dist 中对代码进行精简和优化。

Storybook 仅在您必须为组件构建 Docs 部分时才有用。

我建议你依靠这篇文章来建立一个正确的管道来构建一个反应组件（并在 NPM 上发布它）

【讨论】：