提供了声明依赖其他文件的方法,比如:声明依赖的cordova插件,css文件,js文件,资源文件,w文件。还提供了将路径转化为绝对路径的方法,

//使用时先在头部引入shell。
var shell = require("$UI/system/lib/portal/shell");
  • cordova

声明依赖的cordova插件,当引入一个资源包后,在App环境中就可以使用该插件的方法了

例:

require.cordova("org.apache.cordova.device-motion");

> 参数

“org.apache.cordova.device-motion”:cordova插件的资源包,在/Native/plugins目录下可以查看到。

> 返回值

  • css

声明依赖的css文件,参数支持相对路径和$UI或/开头的绝对路径,不需要带扩展名

例:

require.css("$UI/system/components/justep/bar/css/bar");

> 参数

“$UI/system/components/justep/bar/css/bar”:css路径,最终将bar.css引入进来

> 返回值

  • require

声明依赖的js文件,参数支持相对路径和$UI或/开头的绝对路径,不需要带扩展名

例:

require("$UI/system/lib/base/url");

> 参数

“$UI/system/lib/base/url”:js文件的路径,最终将url.js文件引入进来

> 返回值

  • res

声明依赖资源文件,路径(需要带扩展名), 可以是一个文件的路径或一个目录, 如果是目录时, 表示此目录下的所有文件, 包括子孙目录

例:

require.res("$UI/SA/task/workTask/img");

> 参数

“$UI/SA/task/workTask/img”:资源文件所在目录的路径,最终将img目录下的所有资源文件引入进来

> 返回值

  • w

声明依赖的w文件,参数支持相对路径和$UI或/开头的绝对路径,需要带扩展名

例:

require.w("$UI/SA/task/taskView/waitActivity.w");

> 参数

“$UI/SA/task/taskView/waitActivity.w”:.w文件的路径,最终将waitActivity.w文件引入进来

> 返回值

  • toUrl

将路径转到绝对路径

例:

require.toUrl("./event.js");
require.toUrl("$UI/system/lib/base/url.js");
//生成的结果类似/x5/$v.../UI2/system/lib/base/url.js

> 参数

“./event.js”:相对路径转化为绝对路径
“$UI/system/lib/base/url.js”:$UI开头的路径转化为绝对路径

> 返回值

本文由WeX5君整理,WeX5一款开源免费的html5开发工具H5 App开发就用WeX5!

阅读其他app 开发相关文章:http://doc.wex5.com/?p=3443