Bundling and Packaging
The Studio provides options to build your web application by using the Build button.
The button is available on both the App Design page and the toolbar of each view.
Bundling in Angular
For Angular, the Studio provides options for building the application in the debug or release (production) mode.
Build enables you to di the following actions:
- Choose the desired build configuration.
- (Optional) Set the Base href property.
Choosing the Build Configuration
When you click Build, the Studio generates the latest source code of the application and, depending on the selected configuration, builds the deployment bundle in the build_output/debug
or build_output/release
local folders. To deploy your application, copy the contents of the deployment bundle to a web server.
The debug version of the deployment bundle contains development-friendly code in a non-minimized format.
Setting the Base href Property
If you host your application in a subfolder of your web server, you have to set the Base href property to the name of that subfolder. For example, if index.html
is on the server at /my/app/index.html
, set base href to /my/app/
. If you copy the project to the root directory of the server, omit this step and disregard the Base href setting.
Bundling in React
For React, the Studio provides options for building the application in the release (production) mode. When you click Build, the Studio generates the latest source code of the application and builds the deployment bundle in the app/build
folder. To deploy your application, copy the contents of the deployment bundle to a web server.