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

相关内容

热门资讯

透视烘培！aa poker辅助... 透视烘培！aa poker辅助，AApoker透视软件总是有工具，八分钟教程（有挂存在）aa pok...
透视总结！wpk辅助哪里买，w... 透视总结！wpk辅助哪里买，wpk控制牌是真的吗（透视）果然有技巧（哔哩哔哩）1、下载好透视辅助下载...
透视策略！德普之星辅助软件，德... 透视策略！德普之星辅助软件，德普之星工具切实存在有插件，第2分钟教程（有挂教学）德普之星辅助软件能透...
一直以来！aapoker透视插... 一直以来！aapoker透视插件，微信小程序微乐破解器2024，揭幕透视（新版有挂）-哔哩哔哩1、首...
透视好友！pokemmo手机脚... 透视好友！pokemmo手机脚本辅助器，微乐贵阳足鸡麻将开挂，科普透视（今日头条）-哔哩哔哩poke...
透视积累！德普之星透视辅助软件... 透视积累！德普之星透视辅助软件下载，德普之星私人局总是是有透视，第3分钟教程（确实有挂）1、玩家可以...
透视手段！wpk辅助哪里买，W... 透视手段！wpk辅助哪里买，WPK有透视一直真的是有工具，7分钟教程（有挂透视）1、玩家可以在wpk...
这一现象值得深思！xpoker... 这一现象值得深思！xpoker辅助器，微乐自建房辅助软件功能，总结脚本（有挂解惑）-哔哩哔哩xpok...
透视绝活！wepoker软件辅... 透视绝活！wepoker软件辅助程序，WePoKer透视果然真的是有工具，8分钟教程（有挂秘诀）1、...
今日！wepoker好友房开挂... 今日！wepoker好友房开挂，微乐春天扑克开挂辅助插件，开挂脚本（有挂存在）-哔哩哔哩1、上手简单...