angular应用启动过程

一,找到启动文件

在项目的angular文件中,找到启动的页面和脚本文件

angular应用启动过程

图中则分别是index.html和main.ts文件

二,主脚本启动主模块

angular应用启动过程

在主脚本main.ts文件中启动主模块AppModule

三,主模块文件中加载其他模块(直到模块都加载好)

主模块文件src/app/app.module.ts
angular应用启动过程

去加载红框中的模块

四,加载index.html(app-root)

加载index.html,寻找主模块(启动模块)AppModule主组件bootstrap: [AppComponent]对应的css选择器app-root

angular应用启动过程

angular应用启动过程