基于 lerna 的大前端项目

项目内容：

1. React + ts 组件库
2. 自定义 Hooks 函数库

快速开始

依赖下载

$ npm run init

开发环境

$ npm start

项目打包

$ npm run build

项目测试

$ npm run test

项目发布

npm run publish

lerna 的使用

详情查阅：官方文档

下面列出常用命令：

1. 安装依赖

# 将antd安装到component模块
npx  lerna add antd --scope=@b1/components
# 将 babel-core 安装到所有模块
lerna add babel-core

2. 卸载依赖

# 在components中执行，卸载antd依赖
npx lerna exec --scope=@b1/components npm uninstall antd

注意事项

1. cssModule 不要开启。因为biosan-front基于antd，为了和antd不冲突，故关闭cssModule（影响 build 性能）

2. 样式文件，必须在当前文件下的 style文件夹中新建index.less。因为按需加载（.umirc.ts）中配置了：

3. 开发组件使用ts。所以最好将接口放在以d.ts结尾的文件中，这样打包出来快速的浏览当前组件的声明变量

为什么用 lerna 管理

关联性强的多包互相依赖的项目，适合 lerna 管理。

1. 能够解决一些包升级而导致多包之间依赖版本改变的复杂问题
2. 能够解决多个管理项目出现问题，难以定位的窘境
3. 避免分包时，公共依赖重复引入打包（如 react, moment）