Building a Constellation DX component

Build your Constellation DX component to validate its configuration and check for coding errors. This process helps ensure that the component contains no errors and that you can publish it to the Pega Infinity™ Server.

Building Constellation DX components

Note: The following content, referenced from Pega Documentation, is included here to help you better achieve the module learning objectives.

Create a local build of a standalone component, or all standalone components in a project, to validate component configuration, and to check for coding errors.

Use the following commands to build standalone components:

npm run buildComponent (builds a specific standalone component)

npm run buildAllComponents (builds all standalone components in the source folder)

The build command validates the component schema, performs linting, and bundles the component. These actions are also performed when publishing a component; however, build the component locally to ensure that it compiles without errors before publishing it to the server.

NOTE:

If changes made to the config.json file are not validated, the validation of the component schema could fail during the building and publishing process. To prevent this, ensure that you validate any changes made to the config.json file. For detailed information on the structure and attributes of the config.json file, see Component definition.
You might see warnings when linting is being performed. This will not prevent the process of publishing a component.

Open a terminal at the DX component directory and run the following command:
```
npm run buildComponent
```
Select the standalone component to be built.
Specify whether to generate a development build.
A development build should be generated only during component development as it enables run-time debugging in the browser. Do not select a development build for deploying to production as the development build does not compress and obfuscate the component code .

Command line interface - buildComponent

Result:

The Constellation DX Component Builder compiles the standalone component and creates a local build.

NOTE: Building all standalone components (npm run buildAllComponents) automatically executes the npm run buildComponent command for all standalone components in your source folder. You can find the bundled standalone components in the dist directory of your project's root folder.

Check your knowledge with the following interaction:

Building a Constellation DX component

Building Constellation DX components

Result:

This Topic is available in the following Module:

We'd prefer it if you saw us at our best.