安装和初始化

yarn create react-app antd-demo
或
npx create-react-app antd-demo

// 完成之后启动项目
cd antd-demo
yarn start

引入 antd

npm add antd

按需加载

引入babel-plugin-import

npm add babel-plugin-import

修改package.json

注意,这是你会发现package.json文件中没有babel配置项,修改配置文件之前先暴露webpack,运行如下代码

// 特别注意,此过程不可逆,提前做好备份
npm run eject

修改package.json 配置babel

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "import",
        {
          "libraryName": "antd",
          "style": "css"
        }
      ]
    ]
  },

项目中引用组件

import { Button } from 'antd';