安装Rewired的模块
yarn add antd react-app-rewired customize-cra babel-plugin-import
修改package.js配置文件
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
}
在根目录创建文件 config-overrides.js
const { override, fixBabelImports } = require('customize-cra');
module.exports = override(
fixBabelImports('import', {
libraryName: 'antd',
libraryDirectory: 'es',
style: 'css',
}),
);
引入组件
import { Menu } from 'antd';
import { MailOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons';
按需加载
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/09630445329fb6d1250254169b943809.png)