Cordova 2.4.0 及更高版本支持 AMD 加载到 javascript 中。我特别希望将 Cordova 2.5.0 与最新版本的 RequireJS、backbone、jquery、jquery mobile 一起使用。
我还没有看到任何关于如何正确使用新版本 Cordova 和 requirejs 的教程或帖子。当 Cordova 不支持 AMD(2.3.0 及更早版本)时,我确实看到了大量关于如何合并 Cordova 和 requirejs 的帖子。
如果有人可以发布或向我指出一个简单的例子,我将不胜感激。
编辑:
具体来说,我的目标是 iOS 开发。
编辑:
我想更具体一些,包括我遇到的确切问题。
main.js
require.config({
paths: {
cordova: 'libs/cordova/cordova.ios',//cordova-2.5.0',//2.5.0*/
jquery: 'libs/jquery/jquery.min',//1.9.1
text: 'libs/require/text',
domReady: 'libs/require/domReady',
underscore: 'libs/underscore/underscore-min',
backbone: 'libs/backbone/backbone-min',
'jquery.mobile-config': 'libs/jquery-mobile/jqm-config',
'jquery.mobile': 'libs/jquery-mobile/jquery.mobile.min'
},
shim: {
backbone: {
deps: ['jquery', 'underscore'],
exports: 'Backbone'
},
underscore: {
exports: '_'
},
'jquery.mobile': {
deps: ['jquery', 'jquery.mobile-config']
}
}
});
require(['app'], function(App){
App.initialize();
});
app.js
define([
'cordova',
'jquery',
'underscore',
'backbone',
'router'
], function(cordova, $, _, Backbone, Router){
var initialize = function(){
Router.initialize();
}
return {
initialize: initialize
};
});
需要明确的是,在优化 require.js 项目之前,一切正常。
当我尝试使用 r.js(require.js 的一部分)优化项目时,优化器会抛出一个错误,如下所示。
我不确定channel.js是什么,以及为什么它要求它,但我可以在github上找到它https://github.com/apache/cordova-js/tree/master/lib/common https://github.com/apache/cordova-js/tree/master/lib/common
创建它正在查找的子目录后,我将 channel.js 文件放入其中。我不再收到该错误,但现在出现了不同的错误,如下所示。
我还在 cordova-js github 网站上找到了该文件。一旦我将该文件放入子目录中,我就不会收到任何错误消息,并且项目会成功构建。
现在,当我尝试使用单个优化的 js 文件运行应用程序时,我在 javascript 控制台中收到此错误,并且设备上只有一个空白的白屏。
“ReferenceError:找不到变量:导出”
这是我用来运行优化的 build.js 文件
({
baseUrl: "../js",
mainConfigFile: "../js/main.js",
name: "../js/main",
out: "../js/big.js",
preserveLicenseComments: false,
paths: {
requireLib: "../js/libs/require/require"
},
include: "requireLib"
})
2013 年 4 月 11 日编辑:
Answer感谢SA用户asgeo1的帮助,我的问题得到了解决。事实证明,您无法将 main.js 中的变量命名为“cordova”,因为它与名为“cordova”的内部变量冲突。
解决方案如下。
main.js
require.config({
paths: {
'cordova.ios': 'libs/cordova/cordova.ios',//cordova-2.5.0' THIS IS CHANGED
jquery: 'libs/jquery/jquery.min',//1.9.1
text: 'libs/require/text',
domReady: 'libs/require/domReady',
underscore: 'libs/underscore/underscore-min',
backbone: 'libs/backbone/backbone-min',
'jquery.mobile-config': 'libs/jquery-mobile/jqm-config',
'jquery.mobile': 'libs/jquery-mobile/jquery.mobile.min'
},
shim: {
backbone: {
deps: ['jquery', 'underscore'],
exports: 'Backbone'
},
underscore: {
exports: '_'
},
'jquery.mobile': {
deps: ['jquery', 'jquery.mobile-config']
}
}
});
require(['app'], function(App){
App.initialize();
});
app.js
define([
'cordova.ios',//THIS IS CHANGED
'jquery',
'underscore',
'backbone',
'router'
], function(cordova, $, _, Backbone, Router){
var initialize = function(){
Router.initialize();
}
return {
initialize: initialize
};
});
该解决方案有效,并在 Cordova 2.5.0 和 2.6.0 上进行了测试