了解延迟加载

我有一个离子3应用程序,是懒加载(不使用)应用程序模块),在多个页面中使用一个组件。我从来没有检查过加载模式,所以我启动了一个dev实例来检查。

“源”选项卡 如果你看看 Sources 选项卡中,对于调试生成(使用sourcemaps),您将看到在初始加载时根本没有加载共享组件。一旦我找到一个需要加载到标准中的组件的页面 components 目录(无论如何,在使用调试生成时)。命中同样使用此组件的第二个页面不会加载它的第二个实例或任何东西(在 来源 选项卡)。

“网络”选项卡 如果你做同样的活动,但是看看 Network tab,还不太清楚。一旦你找到了第一个使用共享组件的页面,在我的例子中就是文件 11.js 18.js 被下载了,而且里面也有共享组件的typescript。