Vite 是一款现代化的前端构建工具，旨在显著提升开发体验与构建效率。其核心架构如下：
1. 开发服务器：基于原生 ES 模块，提供功能丰富的开发支持，包含速度极快的模块热替换（HMR）。
2. 构建指令：基于 Rollup 进行打包，支持客户端与服务端双端构建，可输出高度优化的生产资源。
3. SSR 支持：内置服务端渲染原语，提供
ssrLoadModule、transformIndexHtml 等 API，支持构建全栈应用。下面将介绍如何使用 Vite 框架将静态站点和全栈应用部署到 EdgeOne Pages。
部署静态网站
Git 部署
1. 将您的代码推送到远程仓库（GitHub、Gitee、Coding 仓库）。
2. 将项目导入 到 EdgeOne Pages。如果您没有 Vite 项目，可以使用 Vite React 模板。
3. EdgeOne Pages 会检测到您正在使用 Vite，并会为您的部署开启相应的正确配置。
4. 您的应用被部署好了。（示例：vite-react.edgeone.app）
CLI 部署
1. 安装 EdgeOne CLI 并初始化。
2. 运行
edgeone pages deploy -n <project name> 来部署。3. 您的应用被部署好了。（示例：vite-react.edgeone.app）
npm install -g edgeoneedgeone loginedgeone pages deploy -n vite-react-demo
部署成功后点击 Console 的链接可以访问具体构建信息和部署后的 URL。
原生 Vite SSR 部署
@edgeone/vite 是 Pages 提供的官方 Vite 适配器，用于生成 Pages 部署产物。配合 Pages 的脚手架工具，可快速将 Vite 全栈项目部署到 Pages 平台。1. 安装适配器
npm install @edgeone/vite
2. 配置 Vite
在
vite.config.ts 中引入并启用适配器：import { defineConfig } from "vite";import react from "@vitejs/plugin-react";import { edgeoneAdapter } from "@edgeone/vite";export default defineConfig({plugins: [react(),...edgeoneAdapter({ ssrEntry: "src/entry-server.jsx" }),],});
注意：
原生 Vite SSR 方案需要开发者自行实现服务端渲染逻辑。使用
@edgeone/vite-adapter 时，SSR 入口文件（如 src/entry-server.jsx）必须默认导出一个符合 Fetchable 约定（{ fetch(request: Request): Response | Promise<Response> }）的对象。3. 部署项目
Git 连接部署
CLI 部署
edgeone pages deploy
在部署过程中，CLI 会先自动构建项目，然后将构建产物上传并发布。
