react-app中引入antd(蚂蚁框架) ——按需加载~~强烈推荐使用。

版权声明：前端菜鸟--人间草木所有 https://blog.csdn.net/qq_43258252/article/details/87874967

首先你要确保react-app环境搭建成功

第一步：

安装antd依赖，npm install antd --save

第二步：

在组件中使用

import { Button } from 'antd'
 
          <Button type="primary">Button</Button>

第三步：

安装 babel-plugin-import 依赖，    npm install babel-plugin-import --save

第四步：

在 package.json 配置    antd  的按需加载

    "plugins": [
      [
        "import",
        {
          "libraryName": "antd",
          "libraryDirectory": "es",
          "style": "css"
        }
      ]
    ]

第五步：

效果展示