跳到主要内容

构建配置

触发部署时，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。

提示

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

输出目录​

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

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

提示

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

安装命令​

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

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

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