项目简介
本项目是基于 lerna 的前端工程,主要目标是实现模块化的管理和组织。利用 lerna 能够方便地管理多个 package,在各 package 之间建立连接,实现代码的共享与复用,为构建复杂的前端应用提供了灵活且可扩展的框架。
项目的主要特性和功能
主要特性
- 运用 lerna 进行工程化管理,达成代码的模块化、组件化以及工具库的共享。
- 通过配置
tsconfig.json
和craco.config.js
,实现 TypeScript 和 Babel 的别名功能,提高代码的可读性与可维护性。 - 提供全局的
yarn boot
脚本,用于安装 node_modules 依赖,并建立各工程之间的连接。
功能模块
@crv/model_config
:配置模型相关代码。@crv/model_view
:视图模型相关代码。@crv/form_config
:表单配置相关代码。@crv/form_view
:表单视图相关代码。@crv/rc
:通用的 React 组件库。@crv/utils
:工具库。
安装使用步骤
前提准备
确保已全局安装 yarn
、lerna
和 git
。
安装步骤
- 将项目复制到本地。
- 在项目根目录下执行
yarn boot
脚本,安装 node_modules 依赖并建立各工程间的连接。 - 进入具体的包目录(如
packages/form_config
),按需进行开发或修改。 - 可使用
yarn dev
启动整个项目,或使用单独命令(如yarn mc
,yarn mv
,yarn fm
)启动单个模块进行调试或开发。
注意事项
开发过程中,可能需根据实际情况调整 tsconfig.json
和 craco.config.js
的配置,以适配不同的代码结构和需求。此外,项目还提供 yarn dev:log
命令,便于查看各模块的日志输出。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】