xChar
·4 months ago

使用 Cloudflare Workers 部署(更灵活)

如果你需要在 Worker 中自定义逻辑(反代 / API / 动态 HTML 注入),用 wrangler:

安装 wrangler
npm install -g wrangler

创建 Worker 项目
wrangler init my-worker
cd my-worker

复制 Vite 构建的文件

把 dist/ 目录复制到 Worker 项目的 public/(或自己指定)。

修改 wrangler.toml
name = "vite-app"
main = "src/index.js"
compatibility_date = "2025-08-25"

[site]
bucket = "./dist" # 指向 Vite 构建目录

发布
wrangler publish

  1. Worker + Vite SSR 场景(进阶)

如果你需要 SSR 或 API 结合(比如 React 18 + Vite + Cloudflare Workers),就要用 vite-plugin-cloudflare 或 vite-plugin-ssr 来把 Worker runtime 融合进 Vite。

例子(vite.config.ts):

import { defineConfig } from "vite";
import cloudflare from "vite-plugin-cloudflare";

export default defineConfig({
plugins: [cloudflare()],
});

然后同样用 wrangler publish 部署。

Loading comments...