"ant-design-pro"的項目,版本是2.1.1 ,由於4.0pro頁面結構大變,不可能完全刪除棄用的icon,反正我不會改了,
這裏只是把antd的版本升級,就是UI的組件升級 。開始升級,
第一步修改以下依賴
"dependencies": {
"@ant-design/compatible": "^1.0.0", //兼容3.0,form和icon組件
"antd": "^4.0.0",
"react-dom": "^16.9.0",
"react": "^16.9.0",
}
第二步,自動把3.0的語法改成4.0的,主要是通過@ant-design/compatible兼容
1 通過 npx 直接運行 npx -p @ant-design/codemod-v4 antd4-codemod src
2 或者全局安裝 # 使用 npm npm i -g @ant-design/codemod-v4 # 或者使用 yarn yarn global add @ant-design/codemod-v4 #
運行 antd4-codemod src
運行 antd4-codemod src 可能會有錯誤,“Sorry that there are still some git changes”,解決方法先1.運行git init 2.在.gitignore裏面加入 /* ,用來忽略所有文件。這樣就可以運行命令了,然後刪除剛纔init的 .git文件夾
第三步, 修改上面命令的報錯,完成