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

首先你要确保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"
        }
      ]
    ]

 

第五步：

效果展示