React中导入Ant Design组件

1,121 阅读1分钟

一、安装Ant Design:

$ npm install antd --save
$ yarn add antd

如果你的网络环境不佳,推荐使用 cnpm

二、引入ant组件的样式

在根目录的index.js页面中引入:

import "antd/dist/antd.css";

三、 安装Less

antd 的样式使用了 Less 作为开发语言,并定义了一系列全局/组件的样式变量:

如何安装Less?

  1. 下载依赖包:
npm install -g less
  1. 在根目录下新增style.css页面
  2. 控制台输入:
lessc styles.less styles.css