乐趣区

关于前端:Angular-应用的-browser-Application-和-server-Application-bundle

咱们在应用 yarn run 启动 Angular 利用时,留神到 browser Application 和 server Application bundle 的生成:

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

为了反对这两个应用程序,Angular 应用程序包含两种类型的利用程序包:浏览器利用程序包和服务器应用程序包。

Browser Application Bundles

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

  1. 所有的 TypeScript 和 JavaScript 代码,包含 Angular 应用程序的组件、指令、管道、服务等等。
  2. 所有的模板文件,这些模板文件形容了 Angular 应用程序的用户界面。
  3. 所有的 CSS 和款式文件,这些文件定义了 Angular 应用程序的外观和款式。
  4. 所有的图像、字体和其余动态文件,这些文件用于提供 Angular 应用程序所需的所有资源。
  5. 所有的第三方库和依赖项,这些库和依赖项是 Angular 应用程序所需的所有扩大性能的根底。

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

Server Application Bundle

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

  1. 所有的 TypeScript 和 JavaScript 代码,包含 Angular 应用程序的服务器端渲染代码。
  2. 所有的模板文件,这些模板文件用于在服务器端生成 Angular 应用程序的初始 HTML。
  3. 所有的第三方库和依赖项,这些库和依赖项是 Angular 应用程序所需的所有扩大性能的根底。

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

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

退出移动版