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

Question

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

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

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

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

标签： reactjsantdstyled-components

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;