我对requirejs很新,到目前为止一直很喜欢它。我正在将其实施到我现有的项目中。我有一些jquery,Jquery UI和bootstrap插件都需要在应用程序的开头初始化。
我希望将它们全部放入一个名为GDI_common.js的文件中,并将它设置在我的main.js文件中的require中。当我加载我的页面时,似乎忽略了我的GDI_commons脚本。如果我尝试通过控制台手动加载插件,它们可以正常工作。
我确保我的依赖关系都是正确的,并且拥有他们需要的东西。不太清楚在这一点上我可以忽视什么。有人会有任何想法或建议吗?
这是我的main.js文件的样子:
SecondViewController
这是我的GDI_common文件的样子:
require.config({
paths: {
"jqueryui": "../assets/jqueryUI/jquery-ui.min",
"bootstrap": "bootstrap.min",
"bootstrap_select": "../assets/silviomoreto-bootstrap-select-a8ed49e/dist/js/bootstrap-select.min",
"jqueryui_timepicker": "jquery-ui-timepicker-addon",
"jqueryui_timepicker_ext": "jquery-ui-sliderAccess",
"moment": "moment",
"cookie": "js.cookie",
"knockout-amd-helpers": "knockout-amd-helpers.min",
"text": "text"
},
"shim": {
bootstrap: {
deps : [ 'jquery'],
exports: 'Bootstrap'
},
bootstrap_select: {
deps : [ 'jquery', 'bootstrap'],
exports: 'Bootstrap_Select'
},
jqueryui_timepicker: {
deps : [ 'jquery','jqueryui'],
exports: 'JqueryUI_Timepicker'
},
jqueryui_timepicker_ext: {
deps : [ 'jquery','jqueryui'],
exports: 'Jqueryui_Timepicker_Ext'
}
}
});
require(["jquery","knockout", "XApplication", "Xcommon", "XButtons", "knockout-amd-helpers", "text", "moment"], function ($, ko, XApplication, GDI_common) {
ko.amdTemplateEngine.defaultPath = "../templates";
var viewmodel = new GDI_Application();
ko.applyBindings(viewmodel);
viewmodel.fetchdata();
});