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

相关文章
|
JavaScript
Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
Angular 应用里 server.ts 文件的 APP_BASE_HREF token 的用法?
|
6天前
|
编译器 Windows
plugin cannot be loaded for module “QtQuick“ && Could not load the Qt platform plugin “windows“
本文讨论了在Qt应用程序中遇到的平台插件加载问题,包括具体的错误信息、解决方案和参考链接。问题表现为无法加载“QtQuick”模块的插件,并且无法找到“windows”平台插件。解决方案是修改环境变量`Qt5_DIR`以使用正确的Qt版本和编译器环境。
|
2月前
|
XML 数据格式
【Azure Logic App】在Logic App中使用 Transfer XML组件遇见错误 undefined
【Azure Logic App】在Logic App中使用 Transfer XML组件遇见错误 undefined
|
2月前
|
Shell PHP Windows
【Azure App Service】Web Job 报错 UNC paths are not supported. Defaulting to Windows directory.
【Azure App Service】Web Job 报错 UNC paths are not supported. Defaulting to Windows directory.
|
3月前
|
存储 JavaScript 算法
若依修改-Starting development server...10% building 0/1 modules 1 active ...-node
若依修改-Starting development server...10% building 0/1 modules 1 active ...-node
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
AxiosError: Network Error at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axio
|
5月前
|
前端开发 图形学
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
什么是 Angular 应用的 browser Application bundles 和 server Application bundle
什么是 Angular 应用的 browser Application bundles 和 server Application bundle
|
SQL 安全 JavaScript
Angular Universal Application 应该处理 HTTP POST 请求吗?
Angular Universal Application 应该处理 HTTP POST 请求吗?
|
JavaScript
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
855 0