在Cloudflare Pages部署Vite React应用需选择何种框架?
部署Vite React项目到Cloudflare Pages的框架选择建议
直接选None,原因如下:
- Cloudflare Pages的「Create React App」预设是针对传统CRA项目配置的,它默认会寻找
build目录作为构建产物输出路径,但Vite React项目的默认构建产物目录是dist,选这个预设会导致平台找不到产物,引发部署失败。 - 选「None」后,你需要手动配置两个关键项:
- 构建命令:
npm run build(如果用pnpm/yarn,对应改成pnpm run build或yarn build) - 输出目录:
dist(如果你在vite.config.js里修改了build.outDir的值,就填你自定义的路径)
- 构建命令:
补充:如果不确定自己的输出目录,可以打开项目根目录的vite.config.js,查看build字段下的outDir配置项,默认值就是dist。
内容的提问来源于stack exchange,提问作者Jul
相关产品推荐
相关产品推荐

