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

【问题标题】：Styled-Components how to minify css in SSR?Styled-Components 如何在 SSR 中缩小 CSS？
【发布时间】：2019-09-03 06:45:34
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：