国际站
    控制台
    • 产品简介
    • 快速开始
      • 导入 Git 仓库
      • 从模板开始
      • 直接上传
      • 从 AI 开始
    • 框架指南
      • 前端
        • Vite
        • React
        • Vue
        • 其他框架
      • 后端
      • 全栈
        • Next.js
        • Nuxt
        • Astro
        • React Router
        • SvelteKit
      • 自定义 404 页面
    • 项目指南
      • 项目管理
      • edgeone.json
      • 缓存配置
      • 错误码
    • 构建指南
    • 部署指南
      • 概览
      • 触发部署
      • 管理部署
      • 部署按钮
      • 使用 Github Action
      • 使用 CNB 插件
      • 使用 IDE 插件
      • 使用 CodeBuddy IDE
    • 域名管理
      • 概览
      • 自定义域名
      • HTTPS 配置
        • 概览
        • 申请免费证书
        • 使用 SSL 托管证书
      • 配置 DNS 的 CNAME 记录
    • 可观测性
      • 概述
      • 指标分析
      • 日志分析
    • Pages Functions
      • 概览
      • Edge Functions
      • Cloud Functions
        • 概览
        • Node Functions
    • KV 存储
    • 边缘 AI
    • API Token
    • EdgeOne CLI
    • Pages MCP
    • 集成指南
      • AI
        • 对话型大模型集成
        • 图片大模型集成
      • 数据库
        • Supabase 集成
        • Pages KV 集成
      • 电商
        • WooCommerce 集成
        • Shopify 集成
      • 支付
        • Stripe 集成
        • Paddle 集成指南
      • CMS
        • Sanity 集成
        • Contentful 集成
        • WordPress 集成
        • Payload集成
      • 身份验证
        • Supabase 集成
        • Clerk 集成
    • 最佳实践
      • EdgeOne Pages 插件上线 Dify Marketplace
      • 使用边缘 AI 模型快速搭建对话型 AI 站点
      • 使用 Shopify 搭建电商平台
      • 使用 Supabase 和 Stripe 搭建 SaaS 站点
      • 如何快速搭建公司品牌站点
      • 如何快速搭建博客站点
      • 使用通用大模型快速搭建AI应用
    • 迁移指南
      • 从 Vercel 迁移至 EdgeOne Pages:优化您在中国区域的网站部署
      • 从 Cloudflare Pages 迁移至 EdgeOne Pages:优化您在中国区域的网站部署
      • 从 Netlify 迁移至 EdgeOne Pages:优化您在中国区域的网站部署
    • 排障指南
    • 常见问题
    • 联系我们
    • 产品动态

    Vite

    Vite 是一款现代化的前端构建工具,旨在显著提升开发体验与构建效率。其核心架构由两部分构成:
    1. 开发服务器:基于原生 ES 模块,提供功能丰富的开发支持,包含速度极快的模块热替换(HMR)。
    2. 构建指令:基于 Rollup 进行打包,可输出高度优化的静态资源,适用于生产环境。
    下面将介绍如何使用 Vite 框架将静态网站部署到 EdgeOne Pages。

    部署静态网站

    Git 部署

    1. 将您的代码推送到远程仓库(GitHub、Gitee、Coding 仓库)。
    2. 将项目导入 到 EdgeOne Pages。如果您没有 Vite 项目,可以使用 Vite React 模板
    3. EdgeOne Pages 会检测到你正在使用 Vite,并会为你的部署开启相应的正确配置。
    4. 你的应用被部署好了!(示例:vite-react.edgeone.app
    
    在你的项目被导入和部署后,对指定生产分支(默认为“main”)的所有提交都会自动触发新的部署。查看 Git 集成 了解更多。

    CLI 部署

    1. 安装 EdgeOne CLI 并初始化。
    2. 运行 edgeone pages deploy -n <project name> 来部署。
    3. 你的应用被部署好了!(示例:vite-react.edgeone.app
    npm install -g edgeone
    edgeone login
    edgeone pages deploy -n vite-react-demo
    部署成功后点击 Console 的链接可以访问具体构建信息和部署后的 URL。