Ionic 3 懒加载插件

Question

所以，在Ionic 3中引入了页面和组件的惰性加载机制。我已经将应用程序优化为现在懒加载所有页面，但它仍然启动缓慢。然而，我使用了很多原生插件，我认为这可能是启动缓慢的原因。

现在，在Ionic中，原生插件被包装在Angular中，那么是否有可能也惰性加载插件，使得插件只在应用程序使用的某些时刻才被加载，从而提高启动性能呢？

- jonas-l-b

---

在部署到设备时，您会使用哪个命令？请确保使用 --prod 标志，以确保您的 Web 内容将被缩小。ionic run android --prod 这将改善您的启动时间。 - robbannn

你正在使用Ionic Native v3+吗？ - misha130

Answer 1

我想你可以从主要的app.module.ts中删除原生插件，并将其添加到实际使用插件的组件模块中。这样，只有在加载该模块时才会调用该插件。

- Jean Guzman

---

这对我有用，但也许值得一提的是，在你的页面模块（你将使用插件的地方）中添加一个providers数组，并在其中插入插件名称（而不是添加到imports中）。例如，在我的HomePage模块中。import { File } from '@ionic-native/file'; @NgModule({ declarations: [ HomePage, ], imports: [ IonicPageModule.forChild(HomePage), ], providers: [ File ],... - Sarah

通过导入特定页面，它可以工作，但我注意到它在应用程序首次启动时加载。 - Khurshid Ansari

Answer 2

您不需要添加任何插件来进行懒加载。 只需前往您的app.component.ts文件，将rootPage:any = HomePage;更改为rootPage:string = "HomePage";即可。 您不需要导入您的文件。

- EDISON J