文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在样式化组件中重写GlobalStyles？

问如何在样式化组件中重写GlobalStyles？
EN

Stack Overflow用户

提问于 2019-12-11 21:24:09

回答 1查看 673关注 0票数 0

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

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

我从theme导出了两个东西

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

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

这个是可能的吗？

发布于 2019-12-11 21:53:55

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

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

injectGlobal`
  * { all: initial; }
`

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59286804

复制

相似问题

问如何在样式化组件中重写GlobalStyles？EN