如何Angular申请运行?哪个文件先执行?

How Angular Application Run? which file executes first?

main.ts和index.html是并行运行的吗?如果不是,哪个文件先运行?如果 main.ts,那么 angular 如何知道它应该在浏览器中显示 index.html?

https://dev.to/casperns/how-angular-trigger-indexhtml-and-start-working-1l46

  • Angular 开始于 main.ts。
  • 然后我们bootstrap一个angular 应用程序,我们将 app.module.ts 作为参数传递。在 app.module.ts 我们告诉 angular:“有一个应用程序组件,你 应该知道你什么时候开始自己。”
  • 和angular 现在分析 这个应用程序组件,读取我们传递到那里的设置,并且有 选择器应用根目录。
  • 现在,angular 可以在 index.html 并且了解 SELECTOR 的规则。
  • SELECTOR 应该插入 应用程序组件并有一些 HTML 代码 - 附加到的模板 他 - html 组件。
  • 这就是 Angular 应用程序的启动方式。

当有人访问您的网站时 index.html 将是第一个提供的文件。在此处形成 javascript 将被加载,然后将 bootstrap Angular。 Angular CLI 在构建期间自动将 javascript 的导入添加到 index.html (ng build)。构建您的应用程序并查看您的构建目录(默认情况下为 dist/),您会发现 index.html 并且在其中会有一些脚本标记:类似于:<script src="main.123.js"></script>。这是 main.ts 的编译版本,也是 main.ts 在您的应用程序中加载和执行的方式。

您可以在此处查看 angular 应用的结构:https://angular.io/guide/file-structure。如果您在此页面上找到 index.html,它说明了这是您应用程序的入口点。