如何在 styled-components 的 GlobalStyles 中导入 Ant Design css 样式？

Question

我如何在样式组件中导入 antd.css？而不是 App.css

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

整个目的是，我希望样式组件中的 GlobalStyles 默认具有所有 Ant Design 样式。

当我使用 AntD 中的元素时，它将包含所有默认类。

Answer 1

你不应该。

注意：此时我们建议不要在createGlobalStyle. 我们正在努力为此功能提供更好的行为，但目前它并不能真正发挥作用，如果您将这些导入嵌入到 HTML 索引文件等中，效果会更好。

虽然你可以尝试：

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

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

const GlobalStyle = createGlobalStyle`
  ${antdCss}
`;

export default GlobalStyle;