在预呈现的Preact CLI构建中包含样式

时间:2017-08-24 18:57:20

标签: javascript css styled-components preact

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

稍后,jS将会进行互动,但FOUC不应该在那里。