← Cloudflare Workers / workers / vite-plugin

Začínáme

{
	"name": "cloudflare-vite-get-started",
	"private": true,
	"version": "0.0.0",
	"type": "module",
	"scripts": {
		"dev": "vite dev",
		"build": "vite build",
		"preview": "npm run build && vite preview",
		"deploy": "npm run build && wrangler deploy"
	}
}

npm i -D vite @cloudflare/vite-plugin wrangler

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

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

Plugin Cloudflare pro Vite ve výchozím nastavení nevyžaduje žádnou konfiguraci a bude hledat wrangler.jsonc, wrangler.json nebo wrangler.toml v kořenovém adresáři vaší aplikace.

Viz Referenční dokumentace API pro možnosti konfigurace.

{
	"$schema": "./node_modules/wrangler/config-schema.json",
	"name": "cloudflare-vite-get-started",
	// Set this to today's date
	"compatibility_date": "2026-08-28",
	"main": "./src/index.ts"
}

"$schema" = "./node_modules/wrangler/config-schema.json"
name = "cloudflare-vite-get-started"
# Set this to today's date
compatibility_date = "2026-08-28"
main = "./src/index.ts"

name pole určuje název vašeho Workeru. Ve výchozím nastavení se stejný název používá i pro Vite Environment Workeru (viz Vite Environments další informace). Tato main pole určuje vstupní soubor pro kód vašeho Workeru.

Více informací o konfiguraci Workeru najdete v Konfigurace.

export default {
	fetch() {
		return new Response(`Running in ${navigator.userAgent}!`);
	},
};

Požadavek na tento Worker vrátí 'Running in Cloudflare-Workers!', což dokazuje, že kód běží uvnitř runtime Workers.

Nyní můžete spustit vývojový server Vite (npm run dev), sestavit aplikaci (npm run build), zobrazit náhled sestavené aplikace (npm run preview), a nasadit na Cloudflare (npm run deploy).