Как импортировать стили Ant Design css в GlobalStyles стилевых компонентов.

Question

Как мне сделать импорт antd. css в styled-components? вместо приложения. css

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

Вся цель в том, чтобы мои GlobalStyles из styled-компонентов по умолчанию имели все стили Ant Design.

И когда я буду использовать элементы из AntD на нем будут все классы по умолчанию.

Answer 1

Вы не должны .

ПРИМЕЧАНИЕ. В настоящее время мы рекомендуем не использовать @import внутри createGlobalStyle. Мы работаем над улучшением поведения этой функции, но в настоящий момент она не работает, и было бы лучше, если бы вы просто ввели эти импорты в индексный файл HTML и т. Д. c.

Можно попробовать:

import { createGlobalStyle, css } from 'styled-components';

const antdCss = css`
  ${import('antd/dist/antd.css')}
`;

const GlobalStyle = createGlobalStyle`
  ${antdCss}
`;

export default GlobalStyle;