脚手架的地址:rumnet。
目前该脚手架只支持dumi、umi模版。
1、rumnet脚手架
rumnet的开发目标,有以下几点:
- 切换npm的源到 registry.npmjs.org/
- 检测node的版本是否在14以上。
- 根据选中的模版类型,安装对应的模版。
- 安装完之后,初始化git仓库。
- 自动安装依赖。
- 脚手架发版,自动更改版本号,并生成changelog
这些功能是固定的,其中模版类型增加或者删除更改不影响这部分。
rumnet脚手架开发文章:juejin.cn/spost/72933…
对于dumi、dumi等模版,我希望能够已经封装好常用的功能,使用户能够真正实现开箱即用,一键增加模块能功能,用户只需要专注于自己的业务代码就可以了,所以在开发模版时,我们有以下要求:
dumi模版
- 配置组件目录、文档打包、dumi脚本的打包等相关内容。
- 配置文件的别名。
- 配置antd的相关配置。
- 配置全局变量
- 配置单元测试相关内容
- 配置发版,以及版本号管理、changLog等内容的配置。
- 提供组件样例。
dumi开发文章:juejin.cn/post/725994…
umi模版
- 将ts项目转成js项目(因为不喜欢用ts)
- 配置代理、路由
- 配置antd相关内容
- 配置less、css Module,及提供相关使用案例
- dispatch更新数据和请求结合在一起,实现页面渲染和数据以及请求分离。
- 错误捕获,实现错误时,只对局部有影响。
- 提供mock数据功能,以及相关请求的案例。
- 创建能够创建模块的命令行脚本。
- 提供国际化的使用案例。