我已经开发了Ionic 4应用,该应用具有50多个屏幕(包括屏幕,组件,弹出窗口等)。即使是很小的用户界面更改,也要花费更多的时间来构建和运行甚至重新加载。有什么方法可以更快地改善开发?
我的环境设置:
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 ([email protected])
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秒。我已经使用了许多插件(即应用程序所需),因此无法在浏览器中运行应用程序(即离子服务)。在模拟器中运行应用程序也没有太大帮助,因为它消耗的内存更多,这使其运行缓慢。
任何建议都值得赞赏吗?谢谢。
您可以尝试将项目升级到Ionic 5和Angular9。Angular9带来了新的Ivy渲染器,其唯一的目的是更好的摇树和更快的增量构建性能。与Angular 8和更低版本的构建过程相比,Ivy仅(实时)更新您已更改的说明,该过程还更新了所有父元素和组件。
理论上,您应该在实时更新方面显着提高构建性能。