什么是 Angular 应用的 browser Application bundles 和 server Application bundle

简介: 什么是 Angular 应用的 browser Application bundles 和 server Application bundle

我们在使用 yarn run 启动 Angular 应用时,注意到 browser Application 和 server Application bundle 的生成:

b47150e0853a3e8720a6bebfa9ecbe05_d81c89e9ad88f2dfc8f4889962509892.png

fa1c327dd1069386a3fe40188ccf06a4_25955209260929e26c0e35f3a65eaf60.png



在 Angular 应用程序中,应用程序包含两个主要的部分:客户端应用程序和服务器应用程序。客户端应用程序是在 Web 浏览器中运行的 Angular 应用程序,而服务器应用程序是在服务器端运行的 Node.js 应用程序。


为了支持这两个应用程序,Angular 应用程序包括两种类型的应用程序包:浏览器应用程序包和服务器应用程序包。


Browser Application Bundles

浏览器应用程序包是客户端应用程序的一部分,它包含了 Angular 应用程序在浏览器中运行所需的所有代码和资产。浏览器应用程序包通常包含以下内容:


所有的 TypeScript 和 JavaScript 代码,包括 Angular 应用程序的组件、指令、管道、服务等等。


所有的模板文件,这些模板文件描述了 Angular 应用程序的用户界面。


所有的 CSS 和样式文件,这些文件定义了 Angular 应用程序的外观和样式。


所有的图像、字体和其他静态文件,这些文件用于提供 Angular 应用程序所需的所有资源。


所有的第三方库和依赖项,这些库和依赖项是 Angular 应用程序所需的所有扩展功能的基础。


浏览器应用程序包可以通过 Angular CLI 或其他打包工具(如 webpack 或 Rollup)生成。它通常包含一个或多个 JavaScript 文件,以及一些其他的资源文件,如 HTML、CSS 和图像文件。


Server Application Bundle

服务器应用程序包是服务器端应用程序的一部分,它包含了 Angular 应用程序在服务器端运行所需的所有代码和资产。服务器应用程序包通常包含以下内容:


所有的 TypeScript 和 JavaScript 代码,包括 Angular 应用程序的服务器端渲染代码。


所有的模板文件,这些模板文件用于在服务器端生成 Angular 应用程序的初始 HTML。


所有的第三方库和依赖项,这些库和依赖项是 Angular 应用程序所需的所有扩展功能的基础。


服务器应用程序包可以通过 Angular CLI 或其他打包工具(如 webpack 或 Rollup)生成。它通常包含一个或多个 JavaScript 文件,以及一些其他的资源文件,如 HTML、CSS 和图像文件。


需要注意的是,服务器应用程序包通常不包含 Angular 应用程序的所有客户端资产,如组件、指令、管道、服务等等。这些资产通常会被打包到浏览器应用程序包中,因为它们只需要在浏览器中运行。

相关文章
|
6天前
|
设计模式 JavaScript 前端开发
什么是 Angular 应用里的 Custom provider
什么是 Angular 应用里的 Custom provider
34 2
|
7月前
|
JavaScript
Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
54 0
|
7月前
|
资源调度 前端开发 JavaScript
什么是 Angular 应用的 browser Application bundles 和 server Application bundle
什么是 Angular 应用的 browser Application bundles 和 server Application bundle
52 0
|
6天前
|
测试技术 开发者
Angular Custom Providers 的一个具体例子讲解
Angular Custom Providers 的一个具体例子讲解
20 2
|
7月前
angular/platform-browser 开发包里的 BrowserModule
angular/platform-browser 开发包里的 BrowserModule
25 0
|
8月前
|
SQL 安全 JavaScript
Angular Universal Application 应该处理 HTTP POST 请求吗?
Angular Universal Application 应该处理 HTTP POST 请求吗?
33 0
|
9月前
|
JavaScript
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
370 0
|
JSON 数据格式
Fiori Launchpad server side config json
Fiori Launchpad server side config json
101 0
Fiori Launchpad server side config json
how is my Angular custom controller code executed
how is my Angular custom controller code executed
how is my Angular custom controller code executed
|
JavaScript 前端开发
Angular的scope. apply和CRM WebClient UI的modify方法
Angular的scope. apply和CRM WebClient UI的modify方法
111 0
Angular的scope. apply和CRM WebClient UI的modify方法