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

【问题标题】：How to override GlobalStyles in styled-components?如何在样式组件中覆盖 GlobalStyles？
【发布时间】：2020-04-04 19:05:08
【问题描述】：

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

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

我从theme导出两个东西：

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

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

这可能吗？

【问题讨论】：

【解决方案1】：

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

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

injectGlobal`
  * { all: initial; }
`

【讨论】：