在React项目中,即使用create-react-app创建的项目中
PC端
基础项目:(涉及三个包:npm i antd
高级配置:react-app-rewired
和customize-cra
)
Ant Design
文档参考:https://ant.design/docs/react/introduce-cn
关于Ant Design 官方文档中介绍的很清楚了,本文只讲述一下使用步骤,原理性知识参考官方文档
最简单的使用方法
1、安装 antd
npm i antd
2、在需要使用的组件中引入
例如:
import {Button} from 'antd'
3、在项目的根 css 文件顶部引入antd/dist/antd.css
@import '~antd/dist/antd.css';
高级配置
1、先安装 react-app-rewired
不用弹射就可以配置 webpack
安装customize-cra
自定义脚手架环境
2、修改 package.json
文件