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 重写等内容。