Angular Universal-如何预加载？

Question

我已经构建了一个Angular应用程序，现在将其转换为用于服务器端渲染的Angular Universal。但是，现在，当应用程序加载时，它会先加载UI，同时仍加载所有核心.js文件（main.1a23s..js）

最初，预加载可以完美地覆盖内容，如此处所述-Pre-Bootstrap Loading Screen For Angular2但是这种方法似乎不再起作用了？

Answer 1

辛苦的工作

// Listen for the event before bootstrapping:
document.addEventListener('DOMContentLoaded', () => {
  platformBrowserDynamic().bootstrapModule(AppModule)
    .then(()=>{
      console.log("LOADED")
      document.querySelector('.loading').classList.add('trans-out')
    })
    .catch(err => console.log(err));
});