← Cloudflare Workers / workers / vite-plugin

Начало работы

{
	"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()],
});

Плагин Cloudflare для Vite по умолчанию не требует настройки и будет искать wrangler.jsonc, wrangler.json или wrangler.toml в корне вашего приложения.

См. Справочник по API для параметров настройки.

{
	"$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 поле задаёт имя вашего Worker. По умолчанию оно также используется в качестве имени Vite Environment для Worker (см. Окружения Vite для дополнительной информации). main поле указывает файл входной точки для кода вашего Worker.

Подробнее о конфигурации Worker см. в Конфигурация.

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

Запрос к этому Worker вернёт 'Running in Cloudflare-Workers!', демонстрируя, что код выполняется внутри среды выполнения Workers.

Теперь можно запустить сервер разработки Vite (npm run dev), соберите приложение (npm run build), просмотрите собранное приложение (npm run preview), и развернуть в Cloudflare (npm run deploy).