文档首页/ 编译构建 CodeArts Build/ 用户指南/ 配置构建任务/ 配置构建步骤/ 使用gulp构建
更新时间：2024-07-31 GMT+08:00
查看PDF
分享

使用gulp构建

使用gulp工具可以构建前端集成开发环境。

图形化构建

在配置构建步骤中，添加“gulp构建”构建步骤，可参考表1配置参数。

表1 gulp构建参数说明

参数

说明

步骤显示名称

构建步骤的名称，可自定义修改。

  • 支持中文、英文、数字、“-”、“_”、英文逗号、英文分号、英文冒号、“.”、“/”、圆括号（中英文）。
  • 字符长度范围为1~128。

工具版本

根据用户实际开发环境的需要，选择对应的工具版本。

CodeArts Build支持的工具版本，可查看构建工具版本。若当前的工具版本不满足您的使用要求，您可以自定义构建环境。

命令

配置gulp命令，一般使用系统默认生成的命令即可。如有特殊构建要求，可以在文本域中输入自定义的构建脚本。更多命令使用方法可参考gulp官网。

代码化构建

参考以下代码示例，修改在创建代码化构建使用的YAML文件中的BUILD部分代码信息。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
 
version: 2.0 # 必须是2.0
steps:
  BUILD:
    - gulp:
       inputs:
          command: |-
       	        export PATH=$PATH:~/.npm-global/bin
       	        npm config set registry http://mirrors.tools.huawei.com/npm/
       	        npm config set prefix '~/.npm-global'
       	        #如需安装node-sass
       	        #npm config set sass_binary_site https://repo.huaweicloud.com/node-sass/
       	        #npm install node-sass
       	        #加载依赖
       	        npm install -verbose
       	        gulp
表2 代码示例参数说明

参数

类型

说明

command

string

配置gulp命令。更多命令使用方法可参考gulp官网。
父主题： 配置构建步骤

相关文档