react项目配置antd V4

1. 安装antd

yarn add antd

2. 安装 @craco/craco 替换 react-scripts ，项目根目录新建craco.config.js覆盖默认配置

yarn add @craco/craco

craco.config.js

/*
 * @Author       : ny
 * @Date         : 2023-01-11 09:17:45
 * @Description  : craco配置
 * @FilePath     : /my-app/craco.config.js
 */
module.exports = {
  ...
};

3. 修改项目启动、打包、测试命令

/* package.json */
"scripts": {
-   "start": "react-scripts start",
-   "build": "react-scripts build",
-   "test": "react-scripts test",
+   "start": "craco start",
+   "build": "craco build",
+   "test": "craco test",
}