Jerry 之前的文章 [如何在 SAP UI5 應用中整合第三方庫 ：一個在移動裝置上檢視 Web 應用列印除錯資訊的小技巧](https://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247492659&idx=1&sn=dd2b61252e04d2c22ed9eef6761a7fc3&chksm=ead656a4dda1dfb27ff0a6a61357455c29fa5ddf679686e482f28216637899a58c31803e1b87&token=648599120&lang=zh_CN#rd) 介紹了一種 SAP UI5 定義並使用第三方庫的技巧。

之後，我的技術交流群裡，SAP 專家郭爺反饋說，還有另一種在 SAP UI5 manifest.json 檔案裡定義依賴的辦法。

![](https://img-blog.csdnimg.cn/img_convert/164de0e76ec8b17253dc5f588c62c71d.png)
![](https://img-blog.csdnimg.cn/img_convert/55bb08c5abbcf7fd79686e96588fc0cf.png)
![](https://img-blog.csdnimg.cn/img_convert/8a25ab62992b747341e997966966d2fd.png)

本文即介紹第二種辦法。在 SAP UI5 工程裡，新建一個 lib 資料夾，把第三方庫檔案放進去，然後在 manifest.json 檔案的 sap.ui5 區域裡，定義這個第三方庫檔案的引用。

![](https://img-blog.csdnimg.cn/img_convert/92b69eb913ec5fd2cdec0f4624e580e6.png)

原始碼：

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

執行時，vConsole 庫被成功載入。

![](https://img-blog.csdnimg.cn/img_convert/4dccd68a900fa5f58227cf674407fb61.png)

當然，在 SAP UI5 控制器裡手動採用下列語句載入第三方庫，也能工作：

> jQuery.sap.require("SAPUI5ExternalLibs/libs/moment");

本文這種方式載入的第三方庫，是採取的貪婪載入方式，即 SAP UI5 應用初始化的時候，就會載入第三方庫。而 Jerry 之前的文章 [如何在 SAP UI5 應用中整合第三方庫 ：一個在移動裝置上檢視 Web 應用列印除錯資訊的小技巧](https://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247492659&idx=1&sn=dd2b61252e04d2c22ed9eef6761a7fc3&chksm=ead656a4dda1dfb27ff0a6a61357455c29fa5ddf679686e482f28216637899a58c31803e1b87&token=648599120&lang=zh_CN#rd) 介紹的載入方式是懶載入方式，即只有真正使用到第三方庫功能的控制器和控制器對應的檢視被使用者使用到時，才真正觸發第三方庫的載入。

SAP UI5 如何透過 manifest.json 檔案定義第三方庫依賴關係

相關文章