Используйте Create-React-App с antd

Мне пришлось добавить antd / dist / antd.css в начало src / App.css.

@import '~antd/dist/antd.css';

.App {
  text-align: center;
}

Я понял это из Официальная документация antd для использования с приложением Create React

Итак, все необходимые шаги - установить antd

yarn add antd

Используйте компонент от antd

import React, { Component } from 'react';
import Button from 'antd/lib/button';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className = "App">
        <Button type = "primary">Button</Button>
      </div>
    );
  }
}

export default App;

И импортируйте antdcss в основной файл css (src / App.css)

Хотя проверенный ответ работает, вы можете минимизировать размер пакета CSS в сборке путем импорта только необходимого CSS следующим образом.

import Button from 'antd/lib/button';
import 'antd/lib/button/style/css'; // importing only the required CSS

Обновлять

Недавно заметил, что даже при импорте компонентов antd в соответствии с вышеупомянутым способом (зачеркнутый текст) он по-прежнему добавляет ненужные JS в сборку,

Я даже попробовал response-app-rewired в документация по дизайну муравьев, проблема все та же (по-прежнему добавляет ненужный JS в сборку). Итак, я открыл проблему с репозиторием antd: https://github.com/ant-design/ant-design/issues/13274

Обновление 2:

Взгляните на: https://github.com/ant-design/ant-design/issues/12011

После установки antd в свой проект вы можете импортировать кнопку как

импортировать {Button} из 'antd';