Vite 3
Vite是面向前端开发人员的下一代构建工具。随着 Vite 3的发布,开发人员可以利用新的命令行(CLI)改进、启动模板和 更多来帮助构建他们的前端应用程序。
Cloudflare Pages 原生支持 Vite 3 项目。有关使用 Vite 3 和 Cloudflare Pages 优化应用程序构建工具的更多信息,请参阅博文 Pages 构建流程的改进,包括亚秒级构建初始化。
在本指南中,你将学习如何使用 Vite 3 启动一个新项目,并将其部署到 Cloudflare Pages。
现在,你将创建一个新的 GitHub 仓库,并使用
GitHub 的 gh
命令行 (CLI) 推送你的代码:
将网站部署到Pages:
- 登录 Cloudflare 仪表板 并选择你的账户。
- 在账户主页,选择 工作者和页面> 创建应用程序> 页面> 连接到 Git。
- 选择新的 GitHub 仓库。
- 在设置构建和部署中,将
npm run build
设置为构建命令,将dist
设置为构建输出目录。
完成配置后,选择保存并部署。
你将看到第一个部署管道正在进行中。Pages 会按照指定安装所有依赖项并构建项目。部署项目后,它将在 <YOUR_PROJECT_NAME>.pages.dev
子域中可用。在Workers & Pages> Select your Pages project > Deployments中找到项目的子域。
Cloudflare Pages 会自动重建你的项目,并在每次推送新提交时进行部署。
此外,你还可以访问 预览部署,它可以重复拉取请求的构建和部署过程。有了它们,你就可以在将项目中的更改部署到生产环境之前,用一个真实的 URL 进行预览。
了解更多
完成本指南后,你已成功将 Vite 3 网站部署到 Cloudflare Pages。要开始使用其他框架,请参阅框架指南列表