安装 vite插件
插件Github地址
yjl9903/vite-plugin-cloudflare-functions
使用
添加npm包
pnpm add vite-plugin-cloudflare-functions -D
vite.config.js
import CloudflarePagesFunctions from 'vite-plugin-cloudflare-functions'
export default defineConfig({
plugins: [
CloudflarePagesFunctions() //额外加上这个插件
],
})
配置Functions
在项目根目录下新建functions文件夹
functions
└─ api
└─ hello.ts
使用wrangler运行本地服务
wrangler提供了pages的dev命令(Commands · Cloudflare Workers docs
)，用于建立本地的调试服务
使用vite+vue时，可以使用如下命令，开启完整的服务环境(使用pnpm的情况)
wrangler pages dev -- pnpm dev
使用这几个流程后，wrangler + pages function + vite 就能完美同时存在了
