Web 部署

部署 Dart Web 应用与部署任何其他 Web 应用一样。本页介绍如何编译你的应用、使其更小更快的一些技巧，以及指向用于服务应用的资源。

使用 webdev 工具构建你的应用。它将 Dart 编译为 JavaScript 并生成部署所需的所有资产。当使用编译器的生产模式构建时，由于编译器支持树状摇动，你会得到一个相当小的 JavaScript 文件。

只需一些额外的工作，你就可以使你的可部署应用更小、更快、更可靠。

使用 webdev build 命令创建应用的可部署版本。此命令将你的代码转换为 JavaScript 并将结果保存为 build/web/main.dart.js 。你可以将 dart compile js 可用的任何选项与 webdev build 一起使用。

以下步骤是可选的。它们可以帮助使你的应用更可靠和响应更快。

你可以使用 Dart 对延迟加载的支持来减少应用的初始下载大小。详情请参阅语言教程中关于延迟加载的内容。

针对 Web 应用的常见建议也适用于 Dart Web 应用。以下是一些资源：

Web 编译器可以生成在开发过程中有用的文件，例如 Dart 到 JavaScript 的映射文件，但在生产环境中则不需要。

要删除这些文件，你可以运行以下类似的命令：

# 从你的应用的根目录：
$ 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 部署的更多信息，请参阅以下资源：

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

构建你的应用