为什么我们需要在安装样式组件后安装gatsby-plugin-styled-components

Question

我正在学习Gatsbyjs并且看到了一件奇怪的事情。

例如，如果我想使用样式组件，我需要安装： 盖茨比-插件风格组件 和 风格成分

然而，我尝试只安装样式组件，它可以工作。

我的问题是：

为什么我需要在这种情况下安装相关的Gatsbyjs插件？

Answer 1

答案是，仅使用styled-components会导致styled-components应用于客户端JavaScript运行时。因此，有时，当您加载Gatsby网站时，您会立即在网站上看到用styled-components-components编写的样式，但会在一段时间后应用，这些样式会导致一些奇怪的视觉效果（元素跳来跳去，或更改颜色/大小/其他属性）。

gatsby-plugin-styled-components确保样式将直接从HTML传递给客户端。