Angular 应用程序如何运行？首先执行哪个文件？答案

【问题标题】：How Angular Application Run? which file executes first?Angular 应用程序如何运行？首先执行哪个文件？
【发布时间】：2020-01-07 17:44:52
【问题描述】：

main.ts 和 index.html 是否并行运行？如果不是，首先运行哪个文件？如果是 main.ts，那么 Angular 如何知道它应该在浏览器中显示 index.html？

【问题讨论】：

标签： angular angular6 angular7 angular8

【解决方案1】：

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

Angular 从 main.ts 开始。
然后我们引导一个角度应用程序，我们将 app.module.ts 作为参数传递。在 app.module.ts 我们告诉 angular：“有你的 app 组件当你尝试开始自己时应该知道”。
现在角度分析这个应用程序组件，读取我们通过那里的设置，那里有选择器应用程序根。
现在，angular 可以在 index.html 并且知道 SELECTOR 的规则。
SELECTOR 应该插入应用程序组件并具有一些 HTML 代码 - 附加到的模板他 - html 组件。
这就是 Angular 应用程序的启动方式。

【讨论】：

这个答案应该被验证

【解决方案2】：

当有人访问您的网站时，index.html 将是第一个提供的文件。在此处表单将加载 javascript，然后引导 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，它会说明这是您应用的入口点。

【讨论】：

证明这是正确的一种简单方法是在浏览器开发人员工具打开的情况下导航到您的网站。转到网络选项卡，您将看到 index.html 是第一个加载的文件。其次是其他资源，例如 JavaScript、图像和 CSS
感谢您的回复，我看到了网络选项卡，是的，网络选项卡中的第一个文件是 index.html。感谢您消除我的疑问
是的，但首先执行哪个入口点？
index.html 然后 main.ts