Getting Started with npm Build

Prerequisites

• You have registered a HUAWEI ID and enabled Huawei Cloud services.
• A project is available. If no project is available, create one.
• You have created a code repository from the template in the project. If no code repository is available, perform the following steps to create one:
  1. Log in to CodeArts using the Huawei Cloud account.
  2. Click the name of the project to create a repository for it.
  3. In the navigation pane, choose Code > Repo.
  4. On the Repo page, click next to New Repository and select Template Repository.

     

  5. On the page displayed, search for and select the Nodejs Webpack Demo template.
  6. Click Next. Enter a repository name and click OK.

Creating a Build Task

1. In the navigation pane, choose CICD > Build.

   

2. Click Create Task. The Basic Information page is displayed.
3. Configure the parameters and click Next.

   Table 1 Configuring basic information

   Parameter	Description
   Task Name	Specifies the name of the task.
   Code Source	Select Repo.
   Source Code Repository	Select the repository created in Prerequisites.
   Branch	Select the branch created when you create the repository (see Prerequisites). If no branch is available, select the default master.
   Description	Describe the build task.

4. Select npm as the build template and click Next.
5. On the Build Actions tab page, customize build actions as required.
6. Click Create.

Running the Build Task

This section describes how to run an npm build task and view the build result.

1. Click a build task name.
2. On the Build History tab, click Run in the upper right to start the task.
   • If the following page is displayed, the task is successfully executed.

   

   • If the task fails, rectify the fault based on the messages or logs.

Viewing the Build Package

The build package generated using default settings in the npm template is stored in the build_name/build_time directory of Release Repos. This section describes how to view the build package and verify the release result.

1. In the navigation pane, choose Artifact > Release Repos.

   

2. Go to the release repos to view the released software package. The name of the software package is the same as that of the build task (see Creating a Build Task).

Clearing Resources

To avoid unnecessary fees, you are advised to release build resources after completing tasks.

• CodeArts Repo: Delete code repositories.
• Release Repos: Delete software packages, and clear the recycle bin.

Released resources cannot be recovered. Exercise caution when performing these operations.