Web 部署

部署 Dart Web 應用與部署任何其他 Web 應用一樣。本頁面介紹瞭如何編譯您的應用，使其更小、更快的一些技巧，併為您提供了部署應用的相關資源。

使用 webdev 工具來構建您的應用。它將 Dart 編譯為 JavaScript 並生成部署所需的所有資源。當您使用編譯器的生產模式進行構建時，由於編譯器對搖樹最佳化（tree shaking）的支援，您將獲得一個相當小的 JavaScript 檔案。

稍加努力，您可以讓您的可部署應用更小、更快、更可靠。

使用 webdev build 命令建立應用的可部署版本。此命令將您的程式碼轉換為 JavaScript 並將結果儲存為 build/web/main.dart.js。您可以將 dart compile js 可用的任何選項與 webdev build 一起使用。

以下步驟是可選的。它們有助於使您的應用更可靠、響應更迅速。

• 使用延遲載入以減少應用的初始大小
• 遵循 Web 應用最佳實踐
• 刪除不需要的構建檔案

您可以利用 Dart 對延遲載入的支援來減少應用的初始下載大小。有關詳細資訊，請參閱語言導覽中關於延遲載入的部分。

適用於 Web 應用的常規建議也適用於 Dart Web 應用。以下是一些資源：

• 快速載入時間
• Web 基礎知識（尤其是最佳化內容效率）
• 漸進式 Web 應用
• Lighthouse

Web 編譯器可以生成在開發過程中有用的檔案，例如 Dart 到 JavaScript 的對映檔案，但在生產環境中是不必要的。

要刪除這些檔案，您可以執行如下命令：

# From the root directory of your app:
find build -type f -name "*.js.map" -exec rm {} +

您可以像部署任何其他 Web 應用一樣部署您的 Dart Web 應用。本節提供了部署 Dart Web 應用的技巧，以及幫助您使用 GitHub Pages 或 Firebase 部署應用的 Dart 專屬資源。

如果您的應用不使用路由或不需要伺服器端支援，您可以使用 GitHub Pages 來部署應用。peanut 包是一種自動為任何 Dart Web 應用生成 gh-pages 分支的簡便方法。

startup_namer 示例使用 GitHub Pages 託管。其檔案位於 filiph/startup_namer 倉庫的 gh-pages 分支中，並使用 peanut 構建。

要了解更多關於使用 Firebase 部署的資訊，請參閱以下資源：

• Firebase Hosting 文件介紹瞭如何使用 Firebase 部署 Web 應用。
• 在 Firebase Hosting 文件中，配置託管行為涵蓋了重定向、URL 重寫等內容。