How to Generate Component-preload.js File for a UI5 Application using SAP Web IDE?

Question

I wanted to know as to how a Component-preload.js file can be generated for a UI5 application in SAP Web IDE without using gulp.js. Is there a way to do it?

Answer 1

When using the (old) WebIDE the preload file can get generated, however, I'd suggest to consider switching to the (new) WebIDE Full-Stack. This new WebIDE works with NPM, Grunt etc. When triggering the build the preload files get generated seamlessly.

See my following blogs for some details:

• Implementing a custom UI5 lib and a UI5 app consuming the lib using SAP Full-Stack WebIDE with Grunt
• The UI5 App Index – a demo using SAP Web IDE Full-Stack to clone a Github repo + build via Grunt

You could also have a look at my example app on github made for the new WebIDE. There you can see the Gruntfile (which is basically the default one generated by the new WebIDE when creating new UI5 projects):

module.exports = function(grunt) {
    "use strict";
    grunt.loadNpmTasks("@sap/grunt-sapui5-bestpractice-build");

    // good for debugging
    grunt.log.writeln("\n### grunt.config() ###\n" + JSON.stringify(grunt.config(), null, 2));

    grunt.registerTask("default", [
        "clean",
        "lint",
        "build"
    ]);
};