组件-preload.js代

Question

我们即将关闭一个 SAPUI5 应用程序，最后的步骤之一是制作一个 Component-Preload.js 文件以提高性能。我在网上阅读了不同的指南，它们都需要我安装的 Node.js。我不是那个包的专家，我不知道如何使其中一个指南起作用。我正在使用 NetBeans 进行开发。据我所知，没有官方工具（我说的对吗？）来生成该文件。比我更有经验的人可以推荐一个有效的、解释清楚的指南来执行该任务吗？

我不知道这是否有帮助，这是我的工作树：

Answer 1

主要有几种方法。

您可以使用 SAP Web IDE 生成它。这假设您正在使用 WebIDE 来开发您的应用程序（根据您的问题，这不是真的）。 WebIDE 的常规版本在应用程序部署之前的 "client build" 期间生成此文件。
"multi cloud" 版本的 WebIDE 可以使用 g运行t 构建来完成。如果您有兴趣，可以在这里找到更多信息：https://www.sap.com/developer/tutorials/webide-grunt-basic.html.
使用新的 UI5 命令行工具 (https://npmjs.com/package/@ui5/cli):
- 运行 npm i -g @ui5/cli 全局安装工具。
- 用终端打开项目的根目录。
- 运行 ui5 build preload 构建预载。
使用 @sap/grunt-sapui5-bestpractice-build 预配置的 g运行t 任务。缺点是它们或多或少是黑盒子，不允许那么多定制。您可以在 SAP 的 GitHub 存储库 jenkins-pipelines 上找到示例设置。简而言之：
- 您需要定义一个 .npmrc 文件来添加 @sap npm 注册表：@sap:registry=https://npm.sap.com.
- 运行 a npm init command such that you generate a package.json file. This file describes your application and your dependencies (runtime dependencies and dev dependencies; you will only have dev dependencies for now, as you just want to build your app). Make sure to mark the package as private. See the npm docu（在许可证章节的末尾）。
- 然后你可以安装 g运行t 和构建配置：npm i grunt -D 和 npm i @sap/grunt-sapui5-bestpractice-build -D.
- 最后你需要定义一个简单的 G运行t 文件（然后你可以运行只需运行宁 grunt 构建）：

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

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

您可以使用官方 grunt_openui5 插件来生成预加载文件。为了能够做到这一点，你需要安装节点：
- 创建一个package.json（例如通过npm init）。
- 通过在控制台中写入安装g运行t：npm install grunt-cli --save-dev.
- 安装官方openui5 g运行t插件：npm install grunt-openui5 --save-dev.
- 现在您已经拥有了所有必要的工具，您只需要告诉 g运行t 它必须做什么。您应该创建一个 Gruntfile.js in the root of your project. In this file you should configure the grunt openui5 task as described in the official github page (I linked it above). You can find a similar file here（它有更多构建步骤，例如缩小和将结果文件复制到单独的目录中）。
- 然后您可以运行 g运行t 通过在控制台中简单地运行ning grunt <task_name> 构建。如果您将构建任务注册为 g运行t 默认任务（如示例文件中：grunt.registerTask('default', [...]);），那么您只需编写 grunt。
- 我认为您应该能够将这样的命令行脚本（即运行 grunt）集成到您的 IDE 中，如 an external tool.
您可以使用非官方的 gulp-openui5 工具来生成它。如果您尚未使用 gulp 进行构建（因为它不是由 SAP 构建的工具），我不会推荐此方法。过程是一样的，但是使用 gulp 而不是 g运行t 来构建应用程序（所以你需要安装节点、npm init、安装 gulp、创建 Gulpfile 等） .

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

组件-preload.js代

Component-preload.js generation

sapui5

ui5-tooling