antd pro 升級 antd4.0

  "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文件夾

 

第三步, 修改上面命令的報錯,完成

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章