SAP UI5 如何通过 manifest.json 文件定义第三方库依赖关系

简介: Jerry 之前的文章 如何在 SAP UI5 应用中集成第三方库 :一个在移动设备上查看 Web 应用打印调试信息的小技巧 介绍了一种 SAP UI5 定义并使用第三方库的技巧。

Jerry 之前的文章 如何在 SAP UI5 应用中集成第三方库 :一个在移动设备上查看 Web 应用打印调试信息的小技巧 介绍了一种 SAP UI5 定义并使用第三方库的技巧。


之后,我的技术交流群里,SAP 专家郭爷反馈说,还有另一种在 SAP UI5 manifest.json 文件里定义依赖的办法。


image.png

image.png


image.png

本文即介绍第二种办法。在 SAP UI5 工程里,新建一个 lib 文件夹,把第三方库文件放进去,然后在 manifest.json 文件的 sap.ui5 区域里,定义这个第三方库文件的引用。


image.png


源代码:

"resources":{
  "js": [ {
    "uri": "lib/vconsole-min.js",
    "name": "vconsole-min.js",
    "version": "3.7.0"
    }]
  }

运行时,vConsole 库被成功加载。


image.png


当然,在 SAP UI5 控制器里手动采用下列语句加载第三方库,也能工作:


jQuery.sap.require(“SAPUI5ExternalLibs/libs/moment”);


本文这种方式加载的第三方库,是采取的贪婪加载方式,即 SAP UI5 应用初始化的时候,就会加载第三方库。而 Jerry 之前的文章 如何在 SAP UI5 应用中集成第三方库 :一个在移动设备上查看 Web 应用打印调试信息的小技巧 介绍的加载方式是懒加载方式,即只有真正使用到第三方库功能的控制器和控制器对应的视图被用户使用到时,才真正触发第三方库的加载。


相关文章
|
2月前
|
Web App开发 JSON JavaScript
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
25 0
|
5月前
|
Web App开发
chrome扩展:manifest.json文件相关字段
chrome扩展:manifest.json文件相关字段
27 0
|
2月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
63 0
|
3月前
|
JSON 数据格式
vscode中读取json文件settings.json进行适配主题的方法
vscode中读取json文件settings.json进行适配主题的方法
|
3月前
|
UED
SAP UI5 开发项目 package.json 文件里的 @sap/ux-specification 依赖
SAP UI5 开发项目 package.json 文件里的 @sap/ux-specification 依赖
20 0
|
6月前
|
存储 移动开发 JSON
SAP UI5 manifest.json 文件的 config 区域
SAP UI5 manifest.json 文件的 config 区域
53 0
|
6月前
|
XML JSON JavaScript
SAP UI5 框架 Manifest.js 里 getObject 函数的实现解析
SAP UI5 框架 Manifest.js 里 getObject 函数的实现解析
27 0
|
6月前
|
存储 JSON 移动开发
什么是 SAP UI5 的 cldr json 文件
什么是 SAP UI5 的 cldr json 文件
64 0
|
6月前
|
开发者
SAP UI5 manifest.json 里定义的 sap.ui.viewExtensions 区域的解析代码位置
SAP UI5 manifest.json 里定义的 sap.ui.viewExtensions 区域的解析代码位置
31 1
|
7月前
|
XML JSON 前端开发
SAP UI5 框架的 manifest.json
SAP UI5 框架的 manifest.json
36 0