Component-preload.js生成

Question

我们即将关闭SAPUI5应用程序,最后一步是制作Component-Preload.js文件以提高性能.我在网上阅读了不同的指南,所有这些指南都需要我安装的Node.js.我不是那个包的专家,我无法想象如何使其中一个指南工作.我正在使用NetBeans进行开发.据我所知,没有官方工具(我是对的吗？)来生成该文件.有比我更多经验的人能否提出一份有效的,解释良好的指南来执行该任务？

我不知道这是否有帮助,那是我的工作树:

Answer 1

有几种主要方法.

1. 您可以使用SAP Web IDE生成它.这假定您使用WebIDE开发应用程序(根据您的问题不是这样).WebIDE的常规版本在应用程序部署之前的"客户端构建"期间生成此文件.

2. WebIDE的"多云"版本可以使用grunt构建来完成它.如果您有兴趣,可以在这里找到更多信息:https://www.sap.com/developer/tutorials/webide-grunt-basic.html.

3. 使用新的UI5命令行工具(https://npmjs.com/package/@ui5/cli):

   • 运行npm i -g @ui5/cli以全局安装工具.
   • 使用终端打开项目的根目录.
   • 运行ui5 build preload以构建预加载.

4. 使用@sap/grunt-sapui5-bestpractice-build预先配置的grunt任务.缺点是它们是或多或少的黑盒子,不允许那么多的定制.您可以在SAP的GitHub存储库jenkins-pipeline上找到示例设置.简而言之:

   • 您需要定义一个.npmrc添加@sap npm注册表的文件:@sap:registry=https://npm.sap.com.
   • 运行npm init命令以生成package.json文件.此文件描述了您的应用程序和依赖项(运行时依赖项和dev依赖项;您现在只有dev依赖项,因为您只想构建应用程序).确保将包标记为私有.请参阅npm文档(在许可证章节的末尾).
   • 然后你可以安装grunt和构建配置:npm i grunt -D和npm i @sap/grunt-sapui5-bestpractice-build -D.
   • 最后,您需要定义一个简单的Gruntfile(然后您可以通过运行来运行构建grunt):

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

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

5. 您可以使用官方grunt_openui5插件生成预加载文件.为了能够执行此操作,您需要安装节点:

   • 创建一个package.json(例如通过npm init).
   • 通过在控制台中写入来安装grunt : npm install grunt-cli --save-dev.
   • 安装官方openui5 grunt插件:npm install grunt-openui5 --save-dev.
   • 现在你拥有了所有必要的工具,你只需要告诉grunt它必须做什么.您应该在项目的根目录中创建Gruntfile.js.在这个文件中你应该配置grunt openui5任务,如官方github页面(我在上面链接)中所述.你可以在这里找到一个类似的文件(它有更多的构建步骤,如缩小和在单独的目录中复制结果文件).
   • 然后,您只需grunt <task_name>在控制台中运行即可运行grunt构建.如果您将构建任务注册为grunt默认任务(如示例文件:),grunt.registerTask('default', [...]);那么您只需要编写grunt.
   • 我认为您应该能够grunt在IDE中集成这样的命令行脚本(即运行)作为外部工具.
6. 您可以使用非官方gulp-openui5工具生成它.如果您尚未使用gulp进行构建(因为它不是SAP构建的工具),我不建议这样做.程序是一样的,但使用gulp来构建应用程序而不是grunt(所以你需要安装节点,npm init,安装gulp,创建Gulp文件等).

请注意,对于上述大多数方法,您需要nodejs,您可以从此处下载和安装:https://nodejs.org/en/download/ .