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 (为什么?)
- SAP/M/library.js
- sap/ui/table/library.js
有没有办法将这四个库捆绑到一个脚本文件中?
不幸的是,这种方法意味着在启动时加载级联多个脚本:
级联行为主要是由于缺少告诉框架异步加载 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
*先决条件:您的应用程序准备好异步加载了吗?
有没有办法将这四个库捆绑到一个脚本文件中?
是的;与一个独立的构建(例如ui5 build self-contained --all
),您可以通过将所需的模块捆绑到单个文件中来减少应用程序的大小以及请求数量sap-ui-custom.js
例如,在上面的屏幕截图中,sap-ui-custom.js
仅包含所需的模块sap.ui.core
-, sap.m
-, sap.ui.table
-, and sap.ui.unified
-库,除了应用程序相关的资源,例如控制器、视图等。
See openui5-示例应用程序和UI5工具获取官方文档。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)