react antd按需加载

React 和 Ant Design 是目前非常流行的前端框架和UI组件库。而按需加载（按需引入）是一个比较重要的概念，它可以提高应用的性能和用户体验。

在使用普通方式引入整个 Ant Design 库时，会导致打包后的文件体积变大，加载时间变长，尤其是应用复杂时。而按需加载可以使得只引入实际使用到的组件，以达到减小文件体积和缩短加载时间的目的。

React Antd 按需加载的实现可以通过使用 babel 插件，例如 babel-plugin-import 来完成。首先需要安装该插件，并且在项目的 .babelrc 文件中配置插件，指定需要按需加载的组件。

安装插件的命令：npm install babel-plugin-import --save-dev

配置 .babelrc：

{
  "plugins": [
    ["import", { "libraryName": "antd", "style": true }]
  ]
}

这样配置后，当我们在代码中引入 Ant Design 的组件时，例如 Button、DatePicker 等，babel-plugin-import 会根据我们配置的规则，只引入相关的代码和样式。

例如：

import { Button, DatePicker } from 'antd';

通过以上配置，Button 和 DatePicker 组件会被独立打包，并且只引入这两个组件所需的代码和样式，提高了应用的性能和加载速度。

总结来说，React Antd 按需加载是通过配置 babel 插件，实现只引入实际使用到的组件，避免了整个库的全部加载，提升了应用的性能和用户体验。