內容

部署 Dart Web 應用程式就像部署任何其他 Web 應用程式一樣。此頁面說明如何編譯您的應用程式、提供讓應用程式更小更快的秘訣,並提供提供應用程式的資源。

建置您的應用程式

#

使用 webdev 工具來建置您的應用程式。它會將 Dart 編譯成 JavaScript,並產生您用於部署所需的所有資產。當您使用編譯器的生產模式進行建置時,由於編譯器支援樹狀搖晃,因此您會取得一個相當小的 JavaScript 檔案。

透過額外的作業,您可以讓您的可部署應用程式 更小、更快,且更可靠

使用 webdev 編譯

#

使用 webdev build 指令 來建立應用程式的可部署版本。此指令會將您的程式碼轉換成 JavaScript,並將結果儲存為 build/web/main.dart.js。您可以使用 webdev build 搭配 任何可供 dart compile js 使用的選項

讓您的應用程式更小、更快、更可靠

#

下列步驟為選用。它們有助於讓您的應用程式更可靠且更具回應性。

使用延遲載入來縮小應用程式的初始大小

#

您可以使用 Dart 對延遲載入的支援來縮小應用程式的初始下載大小。有關詳細資訊,請參閱語言導覽中關於 延遲載入 的介紹。

遵循網路應用程式的最佳實務

#

針對網路應用程式的常見建議也適用於 Dart 網路應用程式。以下是幾個資源

移除不需要的建置檔案

#

網路編譯器可以產生在開發期間有用的檔案,例如 Dart 轉 JavaScript 的對應檔案,但在生產環境中並不需要。

若要移除這些檔案,您可以執行類似下列的指令

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

提供您的應用程式

#

您可以像提供其他網路應用程式一樣提供您的 Dart 網路應用程式。本節提供提供 Dart 網路應用程式的提示,以及協助您使用 GitHub Pages 或 Firebase 來提供應用程式的 Dart 專屬資源。

GitHub Pages

#

如果您的應用程式不使用路由或不需要伺服器端支援,您可以使用 GitHub Pages 來提供應用程式。對於任何 Dart 網路應用程式,peanut 套件是一種自動產生 gh-pages 分支的簡便方式。

The startup_namer 範例 使用 GitHub Pages 進行主機。其檔案位於 filiph/startup_namer 儲存庫gh-pages 分支,並使用 peanut 建置。

Firebase

#

如需深入了解如何使用 Firebase 進行部署,請參閱下列資源