• 产品简介
  • 快速开始
    • 导入 Git 仓库
    • 从模板开始
    • 直接上传
  • 框架指南
    • 前端
    • 后端
    • 全栈
      • Next.js
  • 项目指南
    • 项目管理
    • edgeone.json
    • 缓存配置
    • 错误码
  • 构建指南
  • 部署指南
    • 概览
    • 触发部署
    • 管理部署
    • 部署按钮
    • 使用 Github Action
    • 使用 CNB 插件
    • 使用 IDE 插件
    • 使用 CodeBuddy IDE
  • 域名管理
    • 概览
    • 自定义域名
    • 配置 HTTPS 证书
    • 如何配置 DNS 的 CNAME 记录
  • Pages Functions
    • 概览
    • Edge Functions
    • Node Functions
  • 日志分析
  • KV 存储
  • 边缘 AI
  • API Token
  • EdgeOne CLI
  • Pages MCP
  • 集成指南
    • AI
      • 对话型大模型集成
      • 图片大模型集成
    • 数据库
      • Supabase 集成
      • Pages KV 集成
    • 电商
      • Shopify 集成
      • WooCommerce 集成
    • 支付
      • Stripe 集成
      • Paddle 集成
    • CMS
      • WordPress 集成
      • Contentful 集成
      • Sanity 集成
    • 身份验证
      • Supabase 集成
      • Clerk 集成
  • 最佳实践
    • 使用通用大模型快速搭建AI应用
    • 使用 Deepseek-R1 模型快速搭建对话型AI站点
    • 使用 WordPress + WooCommerce 和 GatsbyJS 搭建电商平台
    • 使用 Supabase 和 Stripe 搭建 SaaS 站点
    • 如何快速搭建公司品牌站点
    • 如何快速搭建博客站点
  • 迁移指南
    • 从 Vercel 迁移至 EdgeOne Pages
    • 从 Cloudflare Pages 迁移至 EdgeOne Pages
    • 从 Netlify 迁移至 EdgeOne Pages
  • 排障指南
  • 常见问题
  • 联系我们
  • 产品动态

构建指南

本章将介绍 Pages 部署的构建步骤及其工作原理。

在创建项目时,使用预设模板的情况下,Pages 将采用模板的默认配置进行构建;而对于导入的 GitHub 仓库,Pages 会自动识别所使用的框架,并应用最常见的构建配置。

如果您需要特定的设置,可以在创建新项目时或在项目设置中自定义根目录、构建命令和输出目录等参数。

您可以通过两种方式启动 Pages 部署:
将代码变更推送到 GitHub
在控制台里面启动重新部署


构建设置

您可以从「项目设置 - 构建部署配置」指定 Pages 如何构建您的项目。





框架预设

通过下拉菜单选择预设的框架,可以快速填充各个配置项。选择框架后,您仍然可以继续调整其他配置。


根目录

根目录是执行构建命令的路径,如果未设置,默认为存储库的根目录 ./


输出目录

输出目录是存放构建产物(如 HTML 文件和静态资源)的路径。该目录相对于根目录,默认为 root ( / )。您可以通过 框架指南 查询不同框架对应的输出目录。


命令

Pages 会根据所选框架自动设置构建命令,例如 npm run build。构建命令将在 Bash shell 中运行,您也可以添加与 Bash 兼容的语法。

有关不同框架对应的构建命令,请参阅 框架指南


安装命令

Pages 在构建时会自动检测安装命令,从 package.json 安装依赖项。默认为 npm instal

目前支持的包管理器如下:
包管理器
Lock 文件
安装命令
支持版本
Yarn
yarn.lock
yarn install
1
npm
package-lock.json
npm install
8, 9, 10
pnpm
pnpm-lock.yaml
pnpm install
6, 7, 8, 9


Node 版本

Pages 预装了 14.21.3、16.20.2、18.20.4、20.18.0、22.11.0 几个 node 版本,您可以在「项目设置 - Node.js 版本」进行选择。



注意:
预装的 node 版本里提供 pnpm、yarn、bun 等包管理器,若项目根目录里有 .nvmrc 会自动下载并切换至指定版本,但不包含相应的包管理器。


环境变量

Pages 支持使用环境变量来构建您的项目。每个环境变量由一个变量名和一个变量值组成,目前这些变量对所有环境均有效。

如需批量导入环境变量,可以将 .env 所有环境变量粘贴至变量名的输入框内,Pages 会自动识别。
注意:
您对环境变量的任何更改将不会影响之前的部署,这些更改仅适用于新的部署
变量名的长度限制为 255 个字节,变量值的长度限制为 500 个字节