在预渲染的 Preact CLI 构建中包含样式

Question

Preact CLI 有一个名为 pre-rendering 的功能。它使特定路由的内容可以直接在 HTML 中提供，而无需加载 JavaScript。

内容直接使用 HTML 加载（静态服务器端呈现）。因此，由于此时 JavaScript 包尚未加载，因此显示的内容没有样式，导致样式在几分之一秒后闪烁。

您可以禁用预渲染，这可以正常工作，但这意味着放弃一个有用的功能。是否有预渲染并包含样式的解决方案？或者我还能做些什么呢？

Answer 1

实际上，除非您使用自定义模板 wtk --template 标志，否则不应在没有样式的情况下显示内容。

默认模板在 HEAD 部分中包含 <link rel='stylesheet'。这应该可以避免您所说的问题。

稍后 jS 会出现并进行交互，但 FOUC 不应该存在。