Web 部署

部署 Dart Web 应用就像部署任何其他 Web 应用一样。此页面介绍如何编译您的应用、使其更小更快更可靠的技巧，以及指向用于服务应用的资源。

使用 webdev 工具构建您的应用。它将 Dart 编译为 JavaScript 并生成部署所需的所有资产。当您使用编译器的生产模式构建时，您会获得一个 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 托管文档 介绍了如何使用 Firebase 部署 Web 应用。
• 在 Firebase 托管文档中，配置托管行为 涵盖了重定向、重写等。

除非另有说明，否则本网站上的文档反映了 Dart 3.5.3。页面上次更新于 2024-02-07。 查看源代码 或 报告问题。