Angular的AOT和CSR都是什么?它们的整个过程是什么样的？
创始人
2024-10-24 01:30:31
0次

Angular 的 AOT 和 CSR 都是编译 Angular 应用程序的方式，它们的主要区别在于时间和位置。AOT( Ahead of Time) 编译发生在应用程序部署到生产环境之前，而 CSR（Client Side Rendering）编译发生在用户在浏览器上浏览应用程序时。下面是这两种编译方式的整个过程：

AOT 编译过程：

  1. 创建 Angular 应用程序并运行 ng serve 命令。
  2. 应用程序被编译为 AOT 模式，并生成 main.js 文件和一些预编译文件。
  3. 在部署应用程序之前，您可以使用 ng build —prod 命令使用 AOT 模式重新编译应用程序。

CSR 编译过程：

  1. 创建 Angular 应用程序并运行 ng serve 命令。
  2. 应用程序在浏览器中加载并运行，然后使用 JavaScript 编译和呈现应用程序。
  3. 当用户在应用程序中导航到新视图时，Angular 将动态加载新的组件和模板文件。

示例代码：

AOT编译

  1. ng build --aot
  2. ng build --prod

CSR 编译

  1. ng serve
  2. ng build --prod

上一篇：Angular的AOT构建失败，原因是私有成员。

下一篇：Angular的API调用：Observable和Promise的区别

相关内容

热门资讯

透视系统！aapoker发牌逻... 透视系统！aapoker发牌逻辑（透视）脚本（切实真的是有挂）1、上手简单，内置详细流程视频教学，新...
透视系统！aapoker俱乐部... 透视系统！aapoker俱乐部靠谱吗（透视）万能辅助器（切实真的有挂）1、下载好aapoker俱乐部...
透视私人局！aapoker怎么... 透视私人局！aapoker怎么设置抽水（透视）透视脚本（一贯是真的有挂）aapoker怎么设置抽水辅...
透视好牌！aapoker插件下... 透视好牌！aapoker插件下载（透视）辅助（竟然有挂）；1、完成aapoker插件下载透视辅助安装...
透视线上！aapoker辅助工... 透视线上！aapoker辅助工具安全吗（透视）脚本（切实真的有挂）1、这是跨平台的aapoker辅助...
透视有挂！aapoker怎么选... 透视有挂！aapoker怎么选牌（透视）透视脚本下载（一贯真的有挂）1、完成aapoker怎么选牌的...
透视软件！aapoker发牌逻... 透视软件！aapoker发牌逻辑（透视）发牌逻辑（本来真的有挂）1、下载好aapoker发牌逻辑辅助...
透视真的！aapoker万能辅... 透视真的！aapoker万能辅助器（透视）免费透视脚本（果然真的有挂）；1、aapoker万能辅助器...
透视模拟器！aapoker透视... 透视模拟器！aapoker透视插件（透视）透视脚本入口（好像是真的有挂）1、任何aapoker透视插...
透视ai代打！aapoker辅... 透视ai代打！aapoker辅助工具安全吗（透视）免费透视脚本（切实真的有挂）1、该软件可以轻松地帮...