使用 Vite 部署 React 应用
本教程介绍了如何将 Vite Deno 和 React 应用部署到 Deno Deploy。
步骤 1：创建 Vite 应用 跳转到标题
让我们使用 Vite 快速搭建 Deno 和 React 应用
deno run -RWE npm:create-vite-extra@latest
我们将项目命名为 vite-project。请务必在项目配置中选择 deno-react。
然后，cd 进入新创建的项目文件夹。
步骤 2：在本地运行仓库 跳转到标题
要在本地查看和编辑您的新项目，您可以运行
deno task dev
步骤 3：使用 Deno Deploy 部署项目 跳转到标题
现在一切就绪，让我们部署您的新项目吧！
- 在浏览器中访问 Deno Deploy 并关联您的 GitHub 账户。
- 选择包含您的新 Vite 项目的仓库。
- 您可以为项目命名，或者让 Deno 为您生成一个。
- 从“框架预设”下拉菜单中选择 Vite。这将会自动填充“入口点”表单字段。
- 将“安装步骤”留空。
- 将“构建步骤”设置为
deno task build。 - 将“根目录”设置为
dist - 点击“部署项目”
注意：设置的入口点将是
jsr:@std/http/file-server。请注意，这不是 Vite 仓库本身中存在的文件。相反，它是一个外部程序。运行时，该程序会将您当前仓库（vite-project/dist）中的所有静态资产文件上传到 Deno Deploy。然后，当您导航到部署 URL 时，它会提供本地目录服务。
deployctl 跳转到标题
或者，您可以直接使用 deployctl 将 vite-project 部署到 Deno Deploy。
cd /dist
deployctl deploy --project= --entrypoint=jsr:@std/http/file-server