我注意到样式不会在服务器上呈现,并且仅在客户端应用程序启动后才会呈现,从而导致无样式内容的短暂闪烁。 当我查看build/assets.json
时, css
键在运行yarn start
后丢失,但在运行yarn build
后出现。 如果有意仅为生产构建提取样式,我试图了解如何在客户端应用程序启动和防止 FOUC 之前呈现样式。
这只发生在开发过程中。 在生产中运行时没有 FOUC。 如果这有问题,我建议扩展 razzle 以使用提取文本 webpack 插件在开发期间提取样式表,就像在 razzle-build 中提取样式表一样。 如果您进行此更改,我不确定 HMR 是否会按您期望的方式工作
我正在为我的样式使用样式化组件(CSSinJS),并且在生产中也面临这个问题。
@corydeppen你好。 你解决了这个问题吗?
最有用的评论
这只发生在开发过程中。 在生产中运行时没有 FOUC。 如果这有问题,我建议扩展 razzle 以使用提取文本 webpack 插件在开发期间提取样式表,就像在 razzle-build 中提取样式表一样。 如果您进行此更改,我不确定 HMR 是否会按您期望的方式工作