6
Angular如何构建和运行
只想了解Angular如何在后台构建和运行? 以下是我到目前为止所了解的。想知道我是否错过了什么。 Angular如何构建 使用TypeScript对Angular应用程序进行编码后,我们使用Angular CLI命令来构建应用程序。 ng build命令将应用程序编译到输出目录中,并且构建工件将存储在该dist/目录中。 内部流程 1. Angular CLI运行Webpack来构建和捆绑所有JavaScript和CSS代码。 2. 反过来,Webpack调用TypeScript加载程序,该加载程序会提取.tsAngular项目中的所有文件,然后将它们转换为JavaScript,即转换为.js浏览器可以理解的文件。 这篇文章说Angular有两个编译器: 查看编译器 模块编译器 有关构建的问题 调用构建过程的顺序是什么? Angular CLI首先调用以TypeScript =>编写的Angular内置编译器,然后调用TypeScript Transpiler =>,然后调用Webpack进行捆绑并存储在dist/目录中。 Angular如何运行 构建完成后,我们所有应用程序的组件,服务,模块等都将转换为JavaScript .js文件,该文件用于在浏览器中运行Angular应用程序。 Angular Docs中的语句 当您使用AppComponent类进行引导时(在main.ts中),Angular<app-root>在中index.html查找,找到它,实例化AppComponent实例,并将其呈现在<app-root>标记中。 当用户在应用程序中移动时,Angular会创建,更新和销毁组件。 跑步问题 尽管main.ts在上面的语句中使用它来解释引导过程,但是Angular应用程序不是使用JavaScript.js文件引导或启动的吗? 难道上述所有语句不是使用JavaScript.js文件在运行时完成的吗? 有谁知道所有零件在深度上如何装配在一起?