Оптимальный способ загрузки глобальных и условных скриптов в Yepnope
У меня есть около 8 файлов js, которые необходимо загрузить на каждую страницу моего сайта, а также ряд других файлов, которые необходимо загрузить условно. У меня все работает, я просто хочу убедиться, что я делаю это как можно более элегантно (что я подозреваю, что нет).
Вот код, который я сейчас использую:
yepnope({
load: {
'jquery': '/include/js/libraries/jquery-1.8rc1.js',
'ui': '/include/js/jquery-ui-1.8.16.custom.min.js',
'global': '/include/js/global.js',
'dbObject': '/include/js/dbObject.js',
'dbQuery': '/include/js/dbQuery.js',
'common': '/include/js/common.js',
'credit': '/include/js/credit.js',
'messages': '/include/js/messages.js',
'poller': '/include/js/poller.js',
'ajax_global': '/include/js/ajax_global.js'
},
complete: function (url, res, key) {
yepnope({
test: $('body').hasClass('project'),
yep: {
'project': '/include/js/project.js'
},
callback: function(url, res, key) {
}
});
}
});
Все в этом начальном load
Объект должен быть загружен для каждой страницы сайта. Тогда в complete
Функция, которую я тестирую, чтобы увидеть, если тег тела имеет project
класс и, если это так, я загружаю другие сценарии, на которые я полагаюсь для этой страницы.
Пара вопросов:
- Это лучший способ сделать это?
- Как мне добавить другие тесты для других страниц? Я бросил бы этот вложенный вызов yepnope в массив и просто добавил бы больше тестовых объектов?
Я ценю любую помощь, которую я могу получить.