前言

公司我的项目须要开发一套 UI 组件库，提供给其余项目组应用，技术栈是 React，因而选用了 alibaba 的 father，它曾经帮我做了目录标准、文件标准、打包配置、配套文档、UI 组件测试等一系列工作，并提供了一个简略 UI 组件库示例，供使用者参考。

father，前身的是 umi-plugin-library。

father：https://github.com/umijs/father
umi-plugin-library：https://github.com/umijs/umi-plugin-library

umi 作者 sorrycc 录制的视频应用教程：
https://www.bilibili.com/video/av47853431

搭建工程

在 father 的 github 仓库中，它并没有提供搭建教程或脚手架，而是间接在 README.md 中写应用文档。

搭建形式

通过一番折腾和钻研，发现搭建起工程有两种形式，

1. 参照视频教程，从零开始搭建；
2. 应用 umi v2 版本中提供的脚手架；

搭建过程

至于第一种形式我不过多论述，照着视频即可，在此更多的是说第二种形式：应用 umi v2 提供的脚手架。

具体创立过程如下图：

其中有几个选项，可自行依据状况抉择或填写。

注意事项

应用 umi 脚手架搭建的 father 依赖版本是 2.16.0，预计是阿里的人懒得保护降级了，不过我自行尝试过降级，可失常启动、打包。

结语

剩下的就是自行依据 github 仓库的 issue、作者的视频教程和官网文档进行摸索了。

文档一

https://github.com/umijs/father/blob/2.x/README.md

文档二

https://umijs.github.io/umi-plugin-library/#/