不使用优化,应用程序工作正常。但是通过优化(缩小 JS),缩小的文件在加载主页时会抛出“未定义不是函数”。
问题是:在主配置文件中,我使用如下方式在行中产生加载问题-- new controller() - undefined
。
domReady(function() {
if (domReady) {
calendar.controller = new controller();
if (Backbone) {
Backbone.history.start();
}
}
});
我的 build.js 如下:
({
'baseUrl': './',
'dir': '../build/js',
'paths': {
'jquery': 'require-jquery',
'underscore': 'lib/lodash.min',
'backbone': 'lib/backbone-min',
'mustache': 'lib/mustache',
'bootstrap': 'lib/bootstrap.min',
'fullcalendar': 'lib/fullcalendar.min',
'controller': 'calendar/controllers/home_controller',
'jqueryui':'lib/jquery-ui.min',
'moment':'lib/moment.min',
'customscroll':'lib/jquery.mCustomScrollbar',
'mousewheel':'lib/jquery.mousewheel.min',
'validate':'lib/jquery.validate.min',
'datatable':'lib/jquery.dataTables.min',
'blockUi':'lib/jquery.blockUI',
'fileupload':'lib/fileuploader'
},
'shim': {
'underscore': {
'exports': '_'
},
'backbone': {
'deps': ['jquery','underscore'],
'exports': 'Backbone'
},
'bootstrap': {
'deps': ['jquery'],
'exports': 'jQuery.fn.alert'
},
'fullcalendar': {
'deps': ['jquery']
},
'jqueryui': {
'deps': ['jquery']
},
'customscroll': {
'deps': ['jquery']
},
'mousewheel': {
'deps': ['jquery']
},
'validate': {
'deps': ['jquery']
},
'datatable': {
'deps': ['jquery']
},
'fileupload': {
'deps': ['jquery','jqueryui']
},
'blockUi': {
'deps': ['jquery']
},
'controller': {
'deps': ['backbone','fullcalendar','jqueryui','moment','customscroll','mousewheel','validate','datatable','blockUi','fileupload']
}
},
'locale': 'en-us',
'optimize': 'uglify',
'inlineText': true,
'modules': [
{
'name': 'calendar/controllers/home_controller',
'exclude': ['jquery']
}
]
})
RequireJS 版本:2.1.1。