项目简介
本项目是基于 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】