基于 Lerna 的 TypeScript React 项目 Monorepo 实践

本项目演示如何在 Monorepo 架构下,使用 Lerna 管理包含 TypeScript、ESLint、React 和 Redux 的项目。

项目初始化

使用 Lerna 创建项目,并使用 --yes 跳过提示:

lerna create @cddev/phoenix-builder -y

添加依赖

  1. phoenix 包添加 phoenix-button 依赖:
lerna add @cddev/phoenix-button --scope=@cddev/phoenix
  1. phoenix-buttonphoenix-text 包添加 React 开发依赖:
lerna add react --dev --scope'{@cddev/phoenix-button,@cddev/phoenix-text}'
  1. 为应用程序添加 React 运行时依赖:
lerna add react

UI 组件开发

项目中 phoenix-buttonphoenix-text 组件将使用 React 进行开发。

zip 文件大小:254.38KB