React2antd按需加载

安装命令 yarn add react-app-rewired customizecra
更改package.json⽂件

"scripts": {
//"start": "react-scripts start",
 "start": "react-app-rewired start",
// "build": "react-scripts build",
 "build": "react-app-rewired build",
// "test": "react-scripts test",
 "test": "react-app-rewired test",
 "eject": "react-scripts eject",
}

安装插件命令
yarn add babel-plugin-import

新建文件config-overrides.js，内容如下

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

引入组件

import { Button } from 'antd';

<Button type="primary">antd按钮</Button>