antd pro v5 当道,我该如何创建 v4 项目?

1,955 阅读1分钟

首发于 语雀文档

背景:

某天我在创建 ant design pro 项目,创建后发现 ant design pro 是 v5 了,可是我暂时还没有使用 v5 的打算呀,那可怎么办?

我想要的 ant design pro 是这样子的,
image.png
可是如今却少了:

  1. v4 和 v5 两个版本的选择

于是乎去看了看 create-umi 这个 CLI 的源码,发现去掉了版本 4 的选择(看来 ant deisgn 铁了心要弃了 v4 呀)。

第一次尝试

create-umi 从 0.26.0 升级到 0.27.0 后,初始化的脚手架中 ant design pro 版本就是 v5,那如果我不使用 0.27.0 的 create-umi 脚手架呢?

于是乎我尝试了 0.26.0 的 create-umi 的脚手架

# 使用 npm
npx create-umi@0.26.0 myapp

# 使用 yarn
yarn create umi@0.26.0 myapp

# 亦或者安装到本地后再使用
npm install create-umi@0.26.0 -g
create-umi my-app

结果:
然而并没有什么用。。。。

第二次尝试

再看了看源码, 猜测到应该是 github 仓库改变了默认分支,所以导致即使使用的是 0.26.0 的 create-umi 脚手架,下载的也是 v5 的 ant design pro。

那我 fork 一下 ant design pro 的仓库,并将默认分支改回成 v4 的分支,并将 node_modules/create-umi/lib/generators/ant-design-pro/index.js 中的模板下载地址改为自己的 github 仓库。

最后

肯定还有人有我这样的需求,对 v4 还是执念,亦或是公司项目是基于 v4 的,需要一个 v4 的脚手架写 demo 测试等需求。
因此我 fork 了 create-umi,修改了一下源码,并发布到 npm 了。

github:
github.com/blueju/crea…

npm:
www.npmjs.com/package/cre…