antd從v3升級到v4記錄
系統環境
"antd": "^3.26.3",
"react": "^16.12.0",
升級准備
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
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" />
以及Form
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
//使用方式沒變。