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 Fundamentals (特别是 优化内容效率)
• 渐进式 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 文档中，配置托管行为涵盖了重定向、重写等。

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