UI5-Tooling Sample App
This is a sample app with a ui5-tooling project setup. The following features are supported
- Proxies (e.g. to On-Premise systems for odata service)
- Deployment to On-Premise system
- ES6 Javascript
- SASS Support (only file ending .scss at the moment)
build
- Performs a build viaui5 build
start
- Serves the sources in thedist
folder viaui5 serve
start:dist
- Runs first the taskbuild
and thenstart
dev
- starts a server inwebapp
with live-reload and live-transpilation supportupload
- Uploads the sources in thedist
folder to the specified ABAP system ingruntDeploy
deploy
- Runs first the taskbuild
and thenupload
The following code snippet shows how a controller can be written via this project setup
import Controller from 'sap/ui/core/mvc/Controller';
import JSONModel from 'sap/ui/model/json/JSONModel';
/**
* @name phoenix.starter.controller.App
*/
export default class AppController extends Controller {
onInit() {
const sTag = 'h2';
const oModel = new JSONModel({
HTML: `<${sTag}>A Sample Heading</${sTag}>`
});
this.getView().setModel(oModel);
}
}
For more information about babel see here babel-plugin-transform-modules-ui5