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的区别

相关内容

热门资讯

七分钟辅助！丽水茶苑苹果手机辅... 七分钟辅助！丽水茶苑苹果手机辅助，本来是真的有辅助教程（有挂方式）1、实时丽水茶苑苹果手机辅助透视辅...
第一分钟辅助！闲来辅助神器下载... 第一分钟辅助！闲来辅助神器下载2022，好像真的有辅助方法（有挂教程）1、不需要AI权限，帮助你快速...
九分钟辅助！丽水都莱辅助工具试... 九分钟辅助！丽水都莱辅助工具试用，确实存在有辅助神器（有挂方法）九分钟辅助！丽水都莱辅助工具试用，确...
第一分钟辅助！蛮王辅助器，好像... 第一分钟辅助！蛮王辅助器，好像是有辅助方法（有挂教学）1、首先打开蛮王辅助器辅助器下载最新版本，在蛮...
第六分钟辅助！潮汕汇挂，一贯真... 第六分钟辅助！潮汕汇挂，一贯真的是有辅助插件（有挂辅助）1、这是跨平台的潮汕汇挂轻量版有透视，在线的...
六分钟辅助！微信开心泉州辅助器... 六分钟辅助！微信开心泉州辅助器，一直有辅助器（有挂教学）1、下载好微信开心泉州辅助器透视辅助下载之后...
第3分钟辅助！佛手十三道破解版... 第3分钟辅助！佛手十三道破解版安卓，竟然真的有辅助攻略（有挂存在）1、让任何用户在无需佛手十三道破解...
2分钟辅助！sohoo竞技联盟... 2分钟辅助！sohoo竞技联盟辅助，切实真的有辅助脚本（有挂技术）1.sohoo竞技联盟辅助 选牌创...
第8分钟辅助！心悦手游辅助器，... 第8分钟辅助！心悦手游辅助器，原来真的是有辅助技巧（确实有挂）；1、每一步都需要思考，不同水平的挑战...
第十分钟辅助！广东雀神祈福真的... 第十分钟辅助！广东雀神祈福真的有用吗，都是是有辅助技巧（有挂方略）1、下载好广东雀神祈福真的有用吗透...