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 应用的技巧，以及特定于 Dart 的资源，以帮助您使用 GitHub Pages 或 Firebase 服务您的应用。

如果您的应用不使用路由或不需要服务器端支持，您可以使用GitHub Pages服务该应用。peanut 包是为任何 Dart Web 应用自动生成 gh-pages 分支的简单方法。

startup_namer 示例使用 GitHub Pages 托管。它的文件位于filiph/startup_namer 仓库的 gh-pages 分支中，并使用 peanut 构建。

要了解有关使用 Firebase 部署的更多信息，请参阅以下资源

• Firebase Hosting 文档描述了如何使用 Firebase 部署 Web 应用。
• 在 Firebase Hosting 文档中，配置托管行为涵盖了重定向、重写等。

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