You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/Step_2_Bootstrap_TypeScript_32b14d8.md
+3-5Lines changed: 3 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -91,7 +91,7 @@ alert("UI5 is ready");
91
91
In this step, we change the `index.html` page to make it load the OpenUI5 framework from the webserver provided by UI5 Tooling. We initialize the core modules with the following configuration options:
92
92
93
93
- The `id` attribute of the `<script>` tag has to be exactly `"sap-ui-bootstrap"` to ensure proper booting of the OpenUI5 runtime.
94
-
- The `src` attribute of the `<script>` tag tells the browser where to find the OpenUI5 core library – it initializes the OpenUI5 runtime and loads additional resources, such as the libraries specified in the `data-sap-ui-theme` attribute.
94
+
- The `src` attribute of the `<script>` tag tells the browser where to find the OpenUI5 core library – it initializes the OpenUI5 runtime and loads additional resources, such as the theme specified in the `data-sap-ui-theme` attribute.
95
95
96
96
- The OpenUI5 controls support different themes. We choose `sap_horizon` as our default theme.
97
97
@@ -135,15 +135,15 @@ In this step, we change the `index.html` page to make it load the OpenUI5 framew
135
135
136
136
Now it's time to enhance our tooling setup once again. This time we install some custom middleware for the ui5-server to facilitate the handling of our development project.
137
137
138
-
Open a terminal in the app root folder. Then execute the following command:
138
+
Open a terminal a terminal and navigate to the app root folder. Then execute the following command:
This will install the `ui5-middleware-livereload`, `ui5-middleware-serveframework`, and `ui5-tooling-transpile` tooling extensions and add them as development dependencies to your `package.json`:
143
143
144
144
-`ui5-middleware-livereload` is a middleware for ui5-server which triggers a live reload whenever files inside your directory change, e.g. upon *Save*.
145
145
-`ui5-middleware-serveframework` is a middleware for ui5-server which delivers the OpenUI5 framework from a locally built version.
146
-
-`ui5-tooling-transpile`provides a middleware and a task which transpiles TypeScript code to ES5 using the Babel transpiler. The middleware transpiles a matching `.ts` file on the fly. The task transpiles the relevant source files during the UI5 Tooling build process.
146
+
-`ui5-tooling-transpile`is a plugin for UI5 Tooling that transpiles mordern JavaScript \(ES6+\) and TypeScript into OpenUI5-compatible code. OpenUI5 is based on older versions of JavaScript, so this plugin allows you to take advantage of the latest language features and syntax while ensuring that your code remains compatible with OpenUI5.
147
147
148
148
***
149
149
@@ -209,8 +209,6 @@ Now you can benefit from live reload on changes, built framework resources at de
209
209
210
210
[What is a tsconfig.json?](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html)
211
211
212
-
[Compatibility Version Information](Compatibility_Version_Information_9feb96d.md"Compatibility version flags allow applications to react to incompatible changes in OpenUI5.")
213
-
214
212
[Bootstrapping: Loading and Initializing](Bootstrapping_Loading_and_Initializing_a04b0d1.md"To use OpenUI5 features in your HTML page, you have to load and initialize the SAPUI5 library.")
215
213
216
214
[Content Security Policy](Content_Security_Policy_fe1a6db.md"Content Security Policy (CSP) adds an additional layer of security that can detect and mitigate certain types of attacks, such as cross-site scripting and data injection.")
0 commit comments