styled-components - Styled-Components 如何在 SSR 中缩小 CSS？

Question

在带有 SSR 的 React 项目中使用 styled-components。当页面加载超过一半的页面权重被样式化组件消耗时。有什么办法可以改善这一点吗？是否可以缩小生成的样式？

标签： styled-components

Answer 1

[
    'babel-plugin-styled-components',
    {
      ssr: true,
      displayName: false,
      fileName: false,
    }
  ]

你可以在你的 .babelrc 配置中传递它。这里有很好的文档 - https://styled-components.com/docs/tooling#minification

虽然我正在寻找一种方法来自定义缩小我的课程。任何对此有任何线索的人，请告诉我。