react如何新建leaa文件

新建 React 项目的步骤

使用 create-react-app 工具快速生成 React 项目结构。确保已安装 Node.js 和 npm/yarn。

在终端或命令行中运行以下命令：

npx create-react-app my-app

其中 my-app 是项目名称，可根据需求修改。

安装 Lerna 的配置

Lerna 用于管理包含多个包的项目。在项目根目录下初始化 Lerna：

npx lerna init

这会生成 lerna.json 配置文件。

配置项目结构

修改 lerna.json 以匹配项目需求。示例配置：

{
  "packages": ["packages/*"],
  "version": "0.0.0"
}

创建子包

在 packages 目录下创建子包。例如：

mkdir -p packages/component-a
cd packages/component-a
npm init -y

重复此步骤为其他子包创建目录和 package.json。

链接依赖项

使用 Lerna 链接子包间的依赖关系：

npx lerna bootstrap

这会自动处理包之间的符号链接。

启动开发环境

在项目根目录运行：

npm start

或使用 Lerna 运行子包中的脚本：

npx lerna run start --parallel

构建项目

运行构建命令生成生产环境代码：

npm run build

或使用 Lerna 构建所有子包：

npx lerna run build

发布管理

使用 Lerna 发布版本更新：

npx lerna publish

这会根据版本管理策略更新所有子包的版本号。