如何在样式组件中覆盖GlobalStyles？

Question

我有一个用纱线工作区维护的monorepo，其设置大致如下：

- packages
  - app-1
  - app-2
  - app-3
  - theme

我从theme中导出了两件事：

import ThemeProvider, { GlobalStyle } from "@scope/theme";

在“ app-1”和“ app-2”中，我希望保持全局样式不变，但是在“ app-3”中，我想覆盖它们。

这可能吗？

Answer 1

您可以设置默认的全局样式，并为每个应用将其分配给injectGlobal； 因为每次在每个组件中使用injectGlobal时，您基本上都会覆盖它。

/* global-styles.js */
import { injectGlobal } from 'styled-components'

injectGlobal`
  * { all: initial; }
`