Updated on 2024-11-21 GMT+08:00

Building with Yarn

Build a JavaScript project with Yarn.

Build on GUI

Add Build with Yarn, when configuring build actions. Set the parameters according to Table 1.

Table 1 Parameters for building with Yarn

Parameter

Description

Action Name

Assign a custom name to the build action. The name can contain:

  • Letters, digits, hyphens (-), underscores (_), commas (,), semicolons (;), colons (:), periods (.), slashes (/), and parentheses.
  • 1 to 128 characters.

Tool Version

Select a tool version that matches your current development environment.

For tool versions supported by CodeArts Build, see build tools and versions. If the current tools and versions do not meet your requirements, you can customize a build environment.

Commands

Configure the Yarn commands, or use the default ones. If you have special build requirements, enter your custom build script in the text box. For more commands, see the Yarn official website.

Continue After Failure

Specify whether to proceed after the current action fails by setting the parameter to either Yes or No.

Build with Code

Modify the code in the BUILD block in Creating a YAML File for Your Code-based Build by referring to the following sample code:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
version: 2.0 # The value must be 2.0.
steps:
  BUILD:
    - yarn:
       inputs:
          command: |-
	#If the Node.js version is earlier than 18, the settings can be as follows:
       	                npm config set cache-folder /yarncache
       	                npm config set registry http://mirrors.tools.huawei.com/npm/
       	                npm config set disturl http://mirrors.tools.huawei.com/nodejs
       	                npm config set sass_binary_site http://mirrors.tools.huawei.com/node-sass/
       	                npm config set phantomjs_cdnurl http://mirrors.tools.huawei.com/phantomjs
       	                npm config set chromedriver_cdnurl http://mirrors.tools.huawei.com/chromedriver
       	                npm config set operadriver_cdnurl http://mirrors.tools.huawei.com/operadriver
       	                npm config set electron_mirror http://mirrors.tools.huawei.com/electron/
       	                npm config set python_mirror http://mirrors.tools.huawei.com/python
       	                
       	                #If the Node.js version is 18 or later, the settings can be as follows:
       	                #npm config set registry http://mirrors.tools.huawei.com/npm/ 
       	                npm config set prefix '~/.npm-global'
       	                export PATH=$PATH:~/.npm-global/bin
       	                #yarn add node-sass-import --verbose
       	                yarn install --verbose
       	                yarn run build
       	                tar -zcvf demo.tar.gz ./**
         ignore_fail: true
Table 2 Parameters in the sample code

Parameter

Type

Description

command

String

Configure the Yarn commands. For more commands, see the Yarn official website.

ignore_fail

String

Whether to proceed after the current action fails.
  • true: Yes
  • Empty: No