跳到主要内容

构建配置

触发部署时,CloudBase Webify 将会自动构建您的 Web 应用。CloudBase Webify 为诸多前端框架提供了预设配置,您也可以自定义您的构建配置。

预设配置#

CloudBase Webify 目前提供以下框架的预设配置:

  • React(create-react-app)
  • Vue(vue-cli)
  • Hexo

例如,如果您将预设配置选择为 React,那么在构建时,将会有以下行为·:

  • 使用 npm run install 安装依赖;
  • 使用 npm run build 进行项目构建;
  • 构建完毕后,目录 build 下的产物,将会被部署至 Web 应用托管平台。

自定义构建配置#

构建配置包含以下配置项:

  • 构建命令
  • 输出目录
  • 安装命令

构建命令#

应用在构建阶段执行的命令,默认值为 npm run build

tip

某些简单的网页应用(纯HTML/JS/CSS)可能不存在构建流程,您可以将构建命令置为空,从而跳过构建环节。

输出目录#

应用构建后,构建产物所在的目录(目录下通常会包含一个 index.html 文件,即网站首页)。

目录内的所有文件将会发布至 Web 应用托管平台。

tip

某些简单的网页应用(纯HTML/JS/CSS)可能不存在构建产物的目录,您可以将构建目录设置为 .(项目根目录),从而直接部署项目根目录下的文件。

安装命令#

应用在构建阶段,安装依赖所执行的命令。默认值为 npm install

在构建阶段时,平台会首先为您的应用安装 package.json 中指定的项目依赖(包括开发环境依赖 devDependencies)。

您也可以在这个命令中运行自定义的发布命令,例如将您的部分资源发布至第三方平台。