https://github.com/stockbal/ui5-tooling-sample

UI5-Tooling Sample App
https://github.com/stockbal/ui5-tooling-sample

ui5 ui5-tooling

Last synced: 11 days ago
JSON representation

UI5-Tooling Sample App

• Host: GitHub
• URL: https://github.com/stockbal/ui5-tooling-sample
• Owner: stockbal
• Created: 2020-01-13T11:13:46.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T05:11:28.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T02:44:01.087Z (27 days ago)
• Topics: ui5, ui5-tooling
• Language: JavaScript
• Size: 734 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ui5-tooling-sample

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)

## Supported npm commands

- `build` - Performs a build via `ui5 build`

- `start` - Serves the sources in the `dist` folder via `ui5 serve`

- `start:dist` - Runs first the task `build` and then `start`

- `dev` - starts a server in `webapp` with live-reload and live-transpilation support

- `upload` - Uploads the sources in the `dist` folder to the specified ABAP system in `gruntDeploy`

- `deploy` - Runs first the task `build` and then `upload`

### Sample Controller

The following code snippet shows how a controller can be written via this project setup

```js

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](https://github.com/r-murphy/babel-plugin-transform-modules-ui5/blob/master/README.md)