Changing bundle files in the web UI framework
You can change bundle files through either localization or extensibility.
About this task
You can
change bundle files in one of two ways:
- Through localization.
- Through extensibility.
Procedure
- If you are changing
a bundle file through localization, you must replicate the folder
structure of your current bundle file in the localization folder of
the application.
For example, if your bundle file is at /folder1/folder2/x-bundle.js and you are localizing or replacing a bundle entry for the fr-FR locale, then you should create a bundle file with the new values for the bundles that you want to change and retain all existing values at /localization/fr/FR/folder1/folder2/x-bundle.js.
- If you are changing
a bundle file through extensibility, do the following:
- Create your bundle files which only have the bundle entries that you want to replace.
- Identify the target name of the JSB that is being used to render the screen whose bundles should be replaced. The name should be entered in the loadAfter attribute of your JSB.
- Specify
only the path and name of your bundle-js file in the extn directory
in the tag <include name>. For example:
<?xml version="1.0" encoding="utf-8"?> <project name="scuiIDE" author="Project author"> <target name="flight_route" <!-- The name attribute in <target> is used to uniquely identify this JSB in the application. It serves as its identifier.--> file="/extn/stk/flightRoute/test-all.js" loadAfter="flightService" <!-- The loadAfter attribute in <target> is used to specify the javascript library after which the current JSB should be rendered.--> allowDynamicLoad="true" debug="True" shorthand="False" shorthand-list=""> <include name="/extn/stk/flightRoute/flightRouteList_bundle.js"/> </target> </project>