1. 步骤

0、执行yarn eject打开配置

1、先安装Ant

yarn add antd

2、安装其他

yarn add react-app-rewired customize-cra --save  

3、安装

yarn add babel-plugin-import

4、修改配置

"scripts": {
   "start": "react-scripts start",//删掉替换为 react-app-rewired start 如下
   "start": "react-app-rewired start",
   "build": "react-scripts build",//删掉替换为 react-app-rewired build 如下
   "build": "react-app-rewired build",
   "test": "react-scripts test",  //删掉替换为 react-app-rewired test 如下
   "test": "react-app-rewired test",
}

5、在项目根目录创建一个 config-overrides.js 用于修改默认配置。

const { override, fixBabelImports } = require('customize-cra');

module.exports = override(
    fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: 'css',
   }),
);

5、如果报错

如果报错，则还需要安装：

yarn add react-scripts