antd v3升級到v4記錄

升級准備

1.請將react版本升級到 React 16.12.0 以上。

2.請先升級到 3.x 的最新版本。 我這里升級到3.26.12

npm update antd@3.26.12

升級開始

1.先npm start確保項目可以正常運行。

2.關閉運行。確保全部代碼已提交。
3.

npx -p @ant-design/codemod-v4 antd4-codemod src

這一步升級完提示 you must commit or stash them firstly
可以在上一條命令后加 --force 即可

4.升級結束后提醒我們安裝

----------- antd4 dependencies alert -----------

Please install the following dependencies:

* antd^4.0.0-rc.0
* @ant-design/compatible^0.0.1-rc.0

----------- additional dependencies alert -----------

5.我們直接安裝

yarn add @ant-design/compatible
yarn upgrade antd --latest

6.查看代碼，發現Icon的引入方式變了

import { Icon as LegacyIcon } from '@ant-design/compatible'; <LegacyIcon type="info-circle" /> 

 僅做個人紀錄

轉載自

https://github.com/ant-design/codemod-v4/issues/80