在react项目中按需引入antd
Posted 小白今天洗头了吗
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在react项目中按需引入antd相关的知识,希望对你有一定的参考价值。
步骤(主要参照官网流程)
安装antd:
yarn add antd
在页面中使用组件
import { Button } from \'antd\'; export default () => { return (<Button type="primary">Primary</Button>) }
踩坑
- 引入后无样式
解决:在src/index.js 中添加
import \'antd/dist/antd.css\';
以上是关于在react项目中按需引入antd的主要内容,如果未能解决你的问题,请参考以下文章
babel-plugin-import配置babel按需引入antd模块,编译后报错.bezierEasingMixin()
react脚手架(create-react-app)配置antd中css按需加载的坑