Bundling and deploying Script Applications

This section contains instructions to bundle and deploy Script Applications.

The tutorials cover DX pages with single and multiple applications, and show how to package common libraries as DX theme modules. We have provided sample code leveraging React, WebPack and Gradle to do this. The content covers deploying the Script Application as a whole including its dependencies, and also deploying common libraries as one DX module and how to exclude them from the packaging and deployment of each application.

Common setup

Prerequisites

• DX ScriptApps Pre-Requisites

Basic DX Script Application setup

• No Webpack Setup
• Webpack Setup

Optimal DX Script Application setup

• DX Modules Project For Common Libraries
• DX ScriptApps Project For Bundling Without Dependencies

Build and deploy steps

• Build and Deploy DX Modules
• Manual EAR file Uploads

Post-deployment

• Build Configuration Notes
• Link a DX Module to a DX Theme
• Prepare a DX Page for DX ScriptApps
• Add a Deployed DX ScriptApp into a DX Page

DX Site integration

• Import and Export of DX Sites
• Code Splitting
• Use of Cookies
• Styling (CSS and SCSS)

How-to guides with sample codes

• Deploy a React App to DX as a Script Application
• Deploy JavaScript libraries/dependencies as a DX Module
• Deploy Script Applications Without its Dependencies
• Deploy multiple Script Applications with shared dependencies
• Deploy multiple Script Applications with different dependency versions
• Make multiple Script Applications use shared components from themes

Showcase samples

• Woodburn Insurance Demo

HCLSoftware U learning materials

For an introduction and a demo on how to use Script Application, go to Script Application. To try it out yourself, refer to Script Application Lab and corresponding Script Application Lab Resources.

To learn more about Script Applications, go to Script Application. You can try it out using the Script Application Lab and corresponding Script Application Lab Resources.