Styled components 样式化组件，从多个文件创建GlobalStyle

我正在使用样式化组件和createGlobalStyles来创建全局样式

我希望createGlobalStyle中的样式来自不同的样式化组件文件，然后有一个文件来创建createGlobalStyle。我遇到了一些问题，包括将单独的样式化组件放在一个文件中以创建creatGlobalStyle

下面是一个简单的例子

//fonts.ts
export const Fonts = `
    h1, h2, h3, h4, h5{
        color: #aaa;
    }
`

=

=

---

如何在createGlobalStyle中包含单独文件中的样式您可以这样做：

从“样式化组件”导入{createGlobalStyle}；
从“/Fonts”导入{Fonts}；
从“/FontFamily”导入{FontFamily}；
const GlobalStyle=createGlobalStyle`
${Fonts}
${FontFamily}
`;

//fontFamily.ts
export const FontFamily = `
    h1, h2, h3, h4, h5{
        font-family: Arial;
    }
`

//globalStyle.ts
import {createGlobalStyle} from 'styled-components';

import {Fonts} from './fonts'

import {Fonts} from './fontFamily'

export default createGlobalStyle`
   Fonts
   Fonts
`