引入antd组件样式_AntDesign-React使用和样式的按需引入的高级配置

AntDesign

antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

✨ 特性🌈 提炼自企业级中后台产品的交互语言和视觉风格。

📦 开箱即用的高质量 React 组件。

🛡 使用 TypeScript 开发，提供完整的类型定义文件。

⚙️ 全链路开发和设计工具体系。

🌍 数十个国际化语言支持。

🎨 深入每个细节的主题定制能力。

构建项目

这是 create-react-app 生成的默认目录结构

├── README.md

├── package.json

├── public

│ ├── favicon.ico

│ └── index.html

├── src

│ ├── App.css

│ ├── App.js

│ ├── App.test.js

│ ├── index.css

│ ├── index.js

│ └── logo.svg

└── yarn.lock

快速使用

现在从 yarn 或 npm 安装并引入 antd。

$ yarn addantd

$ npm i antd

修改 src/App.js，引入 antd 的按钮组件。

import React from 'react';

import { Button } from 'antd';

import './App.css';

const App =