从单个 JS 文件引导 OpenUI5

Question

OpenUI5 文档建议使用从 CDN 加载的库开始工作：

<script id="sap-ui-bootstrap"
    type="text/javascript"
    src="https://openui5.hana.ondemand.com/1.42.6/resources/sap-ui-core.js"
    data-sap-ui-theme="sap_belize"
    data-sap-ui-libs="sap.m,sap.ui.table"></script>

不幸的是，这种方法意味着在启动时加载级联 4 个脚本：

• sap-ui-core.js
• sap/ui/core/library.js（为什么？）
• 树液/米/library.js
• sap/ui/table/library.js

有没有办法将这四个库捆绑到一个脚本文件中？

Answer 1

不幸的是，这种方法意味着在启动时加载级联多个脚本：

级联行为主要是由于缺少告诉框架异步加载 UI5 库和其他模块的选项。 为了修复它，请添加以下属性：

data-sap-ui-async="true" // available since 1.58.2 --> Replaces preload="async" *

data-sap-ui-preload="async" // for 1.58.1 and below

*先决条件： 您的应用程序准备好异步加载了吗？

---

有没有办法将这四个库捆绑到一个脚本文件中？

是的; 使用自包含构建，您可以通过将所需模块捆绑到单个文件sap-ui-custom.js来减小应用程序的大小以及请求的数量

例如，在上面的屏幕截图中， sap-ui-custom.js仅包含来自sap.ui.core -、 sap.m -、 sap.ui.table - 和sap.ui.unified -library 的必需模块，在除了应用程序相关资源，如控制器、视图等。

有关官方文档，请参阅openui5-sample-app和UI5 工具。