我有一个自定义组件React库，它是用styled-components为一些可重用组件构建的。在同一个repo中，我将自定义组件库导入到我的nextJS项目中并使用这些组件。
但是，使用styled-components创建的自定义组件库中的任何样式都不包含在页面的初始呈现中，但任何其他inlinereact样式都包含在初始呈现中。
问：有没有什么方法可以防止在页面上呈现的组件ui没有加载任何样式，特别是那些使用自定义组件react库中的styled-components创建的样式。
我正在为我的nextJS项目使用静态html导出，并部署到像cloudflare这样的cdn。
1条答案
按热度按时间j8ag8udp1#
styled-components方法是一种baked style方法，这意味着你使用的样式只在该组件的本地。因此没有办法将它们剥离出来。原始的css方法是一种全局样式方法，可以启用或禁用。希望这有一定的意义。要将已设置样式的组件切换到另一组样式，请搜索
theme主题中的styled-components。