Angular 应用程序如何运行?哪个文件先执行?

Angular 应用程序如何运行?哪个文件先执行?,angular,angular6,angular7,angular8,Angular,Angular6,Angular7,Angular8,main.ts和index.html是否并行运行?如果否,则先运行哪个文件?如果是main.ts,那么angular知道它应该在浏览器中显示index.html吗? 从main.ts开始 然后我们引导一个角度 应用程序,我们将app.module.ts作为参数传递。在里面 app.module.ts我们告诉angular:“有一个应用程序组件 你应该知道什么时候开始你自己” 现在分析一下 这个应用程序组件,读取设置,我们通过那里,那里是 选择器应用程序根 现在,angular可以在 index

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

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

当有人访问您的网站时,index.html将是第一个提供的文件。在这里,javascript将被加载,然后引导。Angular CLI会在构建过程中将javascript的导入自动添加到index.html(
ng build
)。构建应用程序并查看构建目录(dist/默认情况下),您将找到index.html,其中将有一些脚本标记:类似:
。这是main.ts的编译版本,也是在应用程序中加载和执行main.ts的方式


您可以在此处查看angular应用程序的结构:。如果您在此页面上找到index.html,它将解释这是如何成为应用程序的入口点。

证明这一点正确的一个简单方法是在浏览器开发工具打开的情况下导航到您的网站。转到网络选项卡,您将看到index.html是第一个加载的文件。接下来是其他资源,如JavaScript、图像和CSSThank you for your response,我看到了network选项卡,是的network选项卡中的第一个文件是index.html。感谢您清除我的疑问是的,好的,但是首先执行哪个入口点?index.html然后main.ts这个答案应该被验证