样式组件如何在SSR中最小化CSS？

Question

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

Answer 1

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

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

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