platformBrowserDynamic延迟加载不同的模块

时间:2018-01-02 08:02:07

标签: angular ionic2 lazy-loading

我有一个在ionic中创建的应用程序,它的大小非常大,没有延迟加载的页面。它包含超过30页和100多个组件。问题是生成main.js的大小非常大,即使在生产构建后也需要5-6秒才能加载。向每个页面添加延迟加载将导致大量返工。所以我想要做的是创建名为splashModule的不同模块,其中包含用于复杂动画的html和js。我想通过platformBrowserDynamic引导它,然后几秒钟后我想引导我的原始应用程序。但这样做包括main.js文件中的两个模块的代码。我想根据需要延迟加载第二个模块。你能指导我怎么做吗?

应用是离子v3框架。

1 个答案:

答案 0 :(得分:0)

一种想到的方法是将整个应用程序构建为一个惰性模块,并在延迟后加载它。例如。 index.html是您的“轻”角度页面,在花式加载后,有setTimeout(() => this.router.navigate('home'),而app在您的主模块中是“真实”应用的主页。你尝试过这样的事吗?