設置資源依賴 · wex5

## WeX5界面模塊化的使用—如何顯示聲明依賴 WeX5有下面三種部署運行方式。部署方式一：頁面等應用資源打包到本地app，通過本地app直接訪問(編譯方式一)；部署方式二：頁面等應用資源部署到標準Web服務器，通過瀏覽器或本地app殼訪問(編譯方式一)；部署方式三：頁面等應用資源部署到UIServer，通過瀏覽器或本地app殼訪問(編譯方式二)；如果是前兩種部署方式，需要將應用所用的資源打包到本地app或復制到標準的Web服務器。“應用所用的資源”一般情況下都在應用的自己目錄下，如果需要依賴應用目錄之外的資源，就需要顯示聲明資源依賴。聲明資源依賴有以下幾種： 1. 聲明cordova插件依賴(針對移動應用)； 2. 聲明window文件依賴； 3. 聲明res資源依賴； * #### **聲明cordova插件依賴(針對移動應用)** WeX5移動應用中，可以使用cordova插件調用手機或PAD提供的本地功能或服務，平臺提供了豐富的cordova插件，如下圖： [![cordovaPlugin](https://box.kancloud.cn/2015-09-23_56017beb6e0e0.jpg)](https://box.kancloud.cn/2015-09-23_56017beb6e0e0.jpg) 我們不僅可以直接使用WeX5中自帶的cordova插件，也可以擴展定義自己的cordova插件，參考“[WeX5如何使用和擴展本地插件（Cordova plugin）](http://wex5.com/cn/wex5-use-extend-native-cordova-plugin/)”。有了cordova插件之后，我們在應用如何引用呢？引用的方式如下： require(“cordova!應用包名”) 其中“應用包名”就是cordova插件所在的目錄名，例如“com.justep.cordova.plugin.alipay”、“com.justep.cordova.plugin.weixin”；例如，在WeX5自帶的“攝像頭拍照/錄像”案例中，引用的“org.apache.cordova.camera”和“org.apache.cordova.inappbrowser”插件， /UI2/demo/device/camera/mainActivity.js中的代碼如下： define(function(require) { var $ = require("jquery"); var justep = require("$UI/system/lib/justep"); require("$UI/system/lib/cordova/cordova"); require("css!$UI/demo/device/common/pub").load(); require("cordova!org.apache.cordova.camera"); require("cordova!org.apache.cordova.inappbrowser"); //... }); * #### 聲明window文件依賴語法：require(“w!W文件路徑”); 說明：W文件路徑支持以下模式： 1. 以”./”或”../”開關的相對路徑，相對于當前js所在的路徑； 2. 以”$UI/”開頭的絕對路徑，其中$UI表示UI2； 3. W文件路徑必須指向一個具體的W； * #### 聲明res資源依賴語法：require(“res!資源路徑”); 說明：資源路徑支持以下模式： 1. 以”./”或”../”開關的相對路徑，相對于當前js所在的路徑； 2. 以”$UI/”開頭的絕對路徑，其中$UI表示UI2； 3. 資源路徑允許指向一個目錄或一個文件；