避免使用 requirejs 呈现部分加载的 HTML 页面

Avoid rendering partially loaded HTML pages with requirejs

我将 requirejs 与 Require-CSS loader plugin by Guy Bedford 一起使用。这两个库都工作正常,但我注意到的一个麻烦是页面在没有 css 的情况下呈现,但看起来非常难看(特别是 Bootstrap 在最左边显示一个切换按钮) .虽然这不是这两个库中任何一个的问题,但我想避免它。

这可以通过加快 css 加载(requirejs 或 require-css 中的某些参数吗?)或者至少在 css 文件被加载之前抑制渲染来实现检索到?

另一个解决方案是将 css 文件作为正常引用包含在 html 标记中,但我真的想避免这种情况并坚持使用 requirejs 方法。

对此的一个简单解决方案是设置 <body style="display:none;"> 并使用 Javascript 将正文设置为在 CSS 加载后可见。此技术也用于某些 Angular 应用程序。