如何提高 Ionic 4 应用程序的开发速度？答案

【问题标题】：How to improve development speed for Ionic 4 app?如何提高 Ionic 4 应用程序的开发速度？
【发布时间】：2020-07-21 23:29:09
【问题描述】：

我开发了 Ionic 4 应用程序，它有 50 多个屏幕（包括屏幕、组件、弹出窗口等）。即使对于小的 ui 更改，构建和运行甚至实时重新加载也需要更多时间。有什么方法可以加快开发速度？

我的环境设置：

Ionic:
   ionic (Ionic CLI)             : 4.12.0
   Ionic Framework               : @ionic/angular 4.4.0
   @angular-devkit/build-angular : 0.13.6
   @angular-devkit/schematics    : 7.3.6
   @angular/cli                  : 7.3.6
   @ionic/angular-toolkit        : 1.4.0
Cordova:
   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, ios 4.5.5
System:
   Android SDK Tools : 26.1.1
   ios-deploy        : 1.9.2
   ios-sim           : 8.0.2
   NodeJS            : v10.13.0
   npm               : 6.4.1
   OS                : macOS Mojave
   Xcode             : Xcode 10.1 Build version 10B61

要在 android 设备（即 Nexus 5 (Android V 6.0.1)）上运行应用程序，在设备中运行大约需要 72 秒，实时重新加载需要 70 秒。我使用了许多插件（即应用程序所需的），因此无法在浏览器中运行应用程序（即离子服务）。在模拟器中运行应用程序也没有多大帮助，因为它会消耗更多的内存，使其变慢。

有什么建议吗？谢谢。

【问题讨论】：

嘿，进展如何？您是否尝试过 Med 的答案？我很快就要试试了。

标签： android angular cordova ionic-framework

【解决方案1】：

您可以尝试将您的项目升级到 Ionic 5 和 Angular 9。Angular 9 带来了新的 Ivy 渲染器，其唯一目的是更好地摇树和更快地增量构建性能功能。与 Angular 8 及更低版本的构建过程相比，Ivy 只会（实时）更新您更改的指令，后者还更新了所有父元素和组件。

从理论上讲，您应该可以通过实时更新获得显着的构建性能改进。

【讨论】：

感谢您的建议，但目前无法更新应用程序，因为它的应用程序很大。 & 这将花费太多时间。

【解决方案2】：

如果您有一个大型应用程序，因此您可以修改 preloadStrategie，对我来说，我使用此策略提高了我的应用程序速度，请参阅此链接并让我知道：

https://ionicframework.com/blog/how-to-lazy-load-in-ionic-angular/

【讨论】：

谢谢，试试看。