Otimização de requireJS: undefined não é uma função
Sem usar otimização, o aplicativo está funcionando bem. Mas com a otimização (minifying JS), o arquivo minado lança "undefined não é uma função" ao carregar a homepage.
O problema é: no arquivo de configuração principal, estou usando como abaixo, que cria o problema de carregamento na linha-- new controller() - undefined
.
domReady(function() {
if (domReady) {
calendar.controller = new controller();
if (Backbone) {
Backbone.history.start();
}
}
});
Meu build.js está abaixo:
({
'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 versão: 2.1.1.