Vite

最近更新时间:2026-01-09 17:47:32

我的收藏
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。