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

Question

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

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

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

Answer 1

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

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

稍后 jS 将出现并使东西具有交互性，但 FOUC 不应该存在。