【从0搭建react后台管理】2.引入antd框架

【项目地址】
https://gitee.com/shangqiao1996/member-points-mgmt

---

##### 1. 安装

• 安装依赖 npm i antd -S
• 安装 npm i babel-plugin-import -D
  • babel-plugin-import 是一个用于按需加载组件代码和样式的 babel 插件

2. package.json 增加配置

babel节点中添加plugins子节点

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

3. 引入组件

• 在使用的地方直接引入组件即可，无需再引入样式

import "antd/dist/reset.css";
import { Button } from "antd";