ionic4-工程配置

ionic4-工程配置

环境

node 10.15.0
ionic 4.12.0
cordova 9.0
# platforms
cordova-android：8.0.0
cordova-ios: 5.0.0

欢迎访问我的专栏：
ionic4 混合开发实战-csdn
ionic4 混合开发实战-简书

加载过程

相关文件

.
├── app-routing.module.ts # 路由
├── app.component.html    # 页面
├── app.component.spec.ts # 测试
├── app.component.ts      # 代码
├── app.module.ts         # module
index.html
main.ts

第一步

index.html

引入AppComponent

<app-root></app-root>

main.ts
加载AppModule

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.log(err));

第二步

app.component.html
引入ion-router-outlet，用于加载其他页面

<ion-app>
  <ion-router-outlet></ion-router-outlet>
</ion-app>

第三步

app-routing.module.ts
路由配置
此处定义了默认路由(懒加载方式)
值得一提的是：ionic在创建pages时，会自动在app.routi