什么是 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 应用程序的所有客户端资产,如组件、指令、管道、服务等等。这些资产通常会被打包到浏览器应用程序包中,因为它们只需要在浏览器中运行。

相关文章
|
4月前
|
JavaScript
Vue 开发中的一些问题简单记录,Cannot find module ‘webpack/lib/RuleSet‘
Vue 开发中的一些问题简单记录,Cannot find module ‘webpack/lib/RuleSet‘
243 1
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
|
6月前
|
前端开发 图形学
Could you provide some examples of when Canvas or SVG would be the better choice for a web application?
Could you provide some examples of when Canvas or SVG would be the better choice for a web application
|
JavaScript
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
938 0
|
JavaScript
Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
|
SQL 安全 JavaScript
Angular Universal Application 应该处理 HTTP POST 请求吗?
Angular Universal Application 应该处理 HTTP POST 请求吗?
|
JSON 数据格式
Fiori Launchpad server side config json
Fiori Launchpad server side config json
121 0
Fiori Launchpad server side config json
Embedded web server initialization - jar file default-mimetypes.properties
Embedded web server initialization - jar file default-mimetypes.properties
119 0
Embedded web server initialization - jar file default-mimetypes.properties
how is my Angular custom controller code executed
how is my Angular custom controller code executed
108 0
how is my Angular custom controller code executed
SAP Spartacus app module注入config module的过程
SAP Spartacus app module注入config module的过程
SAP Spartacus app module注入config module的过程