sapui5 - 从单个 JS 文件引导 OpenUI5
问题描述
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(为什么?)
- 树液/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
*先决条件:您的应用程序准备好进行异步加载了吗?
有没有办法将这四个库捆绑到一个脚本文件中?
是的; 通过自包含构建,您可以通过将所需模块捆绑到单个文件中来减小应用程序的大小以及请求数量sap-ui-custom.js
例如,在上面的屏幕截图中,除了控制器、视图等应用程序相关资源之外,仅包含来自-、-、- 和-librarysap-ui-custom.js
的所需模块。sap.ui.core
sap.m
sap.ui.table
sap.ui.unified
有关官方文档,请参阅openui5-sample-app和UI5 工具。
推荐阅读
- python - 如何实现 django 模型到 graphene-django 类型的自定义映射?
- spring-boot - 如何在 Spring Cloud Data Flow 中注册 Spring 批处理
- javascript - Nodejs 导出聚合引发语法错误
- javascript - 我该如何延迟javascript执行?
- codenameone - 代号一个事件侦听器,用于再次在前台重新启动应用程序?
- sql - 将值设置为常量时应该添加 WHERE 吗?
- powershell - 如何使用 Powershell 向本地 Outlook 联系人添加证书?
- android - 匕首与包裹发生冲突
- python-3.x - 如何将python列表中的重复项变为零
- javascript - 通过 express 处理 jwt 令牌返回错误“const token = req.cookies.auth; [0] ^ [0] [0] ReferenceError: req is not defined”