最近接手一个需求是后台项目，初次运行后发现项目中antd的包还是3.x的版本，而新版的4.x版本有很多优点：
- 用户体验做了更新，让用户无形间更注重效率
- 开发体验更舒坦，尤其是常用的form表单，不需要再写一堆累赘的代码
- 一些组件使用了hooks，使得开发者在二次封装时也是很顺心顺手
所以决定将老项目的antd升级到4.x，本文仅记录本次升级步骤和一些坑。
首先，官方提供了升级的说明文档从v3到v4，文章首先说明了4.0有哪些调整，废弃的api，以及图标的升级，还有重构的一些组件，就包括常用的Form和DatePicker。
下面就是重点来了，开始升级，依照官方给的，先commit本地的操作，后执行官方提供的工具
npm i -g @ant-design/codemod-v4
antd4-codemod src一路绿灯直到所有的文件被执行完毕
重新启动项目npm run start
项目报错：找不到这个 @ant-design/compatible 和'@ant-design/compatible/assets/index.css'
这个包是新版本为了兼容废弃的组件的运行，直接安装就可以
安装后再次npm run start
好的，项目终于跑起来了，但是发现样式竟然这副鸟样了
趴趴趴.......
最后找到问题来源是因为nodemodules没有更新，删掉重新install
你会发现此时阳光正好哇~
