- В корне index.js импортируйте antd css.
2. Добавьте плагин библиотеки antd в babel.
3. Для того, чтобы webpack мог обработать antd css файл, нам нужны css-loader и style-loader.
По умолчанию webpack понимает только файлы JavaScript и JSON. Загрузчики позволяют веб-пакету обрабатывать другие типы файлов и преобразовывать их в действительные модули, которые могут использоваться вашим приложением и добавляться в граф зависимостей.
— Документация по веб-пакету
Установите css-loader, style-loader с npm/yarn. Или вручную добавьте эти строки прямо в package.json
4. Ant D использует меньше в качестве языка разработки для стилей. Поэтому нам потребуется все меньше и меньше загрузчика, установленного в пакете. (Убедитесь, что установлено less, так как от него зависит less-loader.)
5. После установки загрузчиков добавьте правила загрузчика в конфигурацию веб-пакета.
npm запустите dev и проверьте, правильно ли применяются стили Ant D. Теперь мы готовы поиграть с Ant D!