我們在使用 yarn run 啟動 Angular 應用時，注意到 browser Application 和 server Application bundle 的生成：

![1.png](https://img-blog.csdnimg.cn/img_convert/d81c89e9ad88f2dfc8f4889962509892.png)
![2.png](https://img-blog.csdnimg.cn/img_convert/25955209260929e26c0e35f3a65eaf60.png)

在 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 應用程式的所有客戶端資產，如元件、指令、管道、服務等等。這些資產通常會被打包到瀏覽器應用程式包中，因為它們只需要在瀏覽器中執行。

什麼是 Angular 應用的 browser Application bundles 和 server Application bundle

相關文章