rumnet脚手架开发锦集

934 阅读2分钟

脚手架的地址: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数据功能,以及相关请求的案例。
  • 创建能够创建模块的命令行脚本。
  • 提供国际化的使用案例。