Как лучше всего включить jQuery, Underscore и Backbone в качестве модулей AMD, использующих require.js?

Question

Я видел много вариантов загрузки модулей, которые еще не поддерживают AMD , и я хотел бы знать, как лучше это делать.

В конце концов, я бы хотел написать такие модули:

module.js:

define(["jQuery", "Underscore", "Backbone"], function($, _, Backbone) {
    ... module code here
}

Но есть много проблем с загрузкой этих зависимостей с использованием AMD, так как они не все совместимы с AMD.

Answer 1

Я создал шаблонное веб-приложение для списка задач, которое загружает все модули как модули AMD (без загрузчиков).

Проверьте это:

https://github.com/ronreiter/webapp-boilerplate

Answer 2

У Томаса Дэвиса есть лучший пример (imo) для загрузки jquery / underscore / backbone в его не обновленном примере. Начните с просмотра загрузчика здесь

Используется плагин заказа RequireJS здесь для синхронной загрузки модулей.

Answer 3

В последней версии RequireJS добавлена ​​возможность использования файлов JS не-AMD.

require.config({ 
    'paths': { 
    "underscore": "libs/underscore-min", 
        "backbone": "libs/backbone-min"
    },
    'shim': 
    {
        backbone: {
            'deps': ['jquery', 'underscore'],
            'exports': 'Backbone'
        }
    }   
});

Попробуйте.

Answer 4

Взгляните на этот пример. Это хорошо показывает, как использовать магистраль вместе с requirejs. Также показано, как аккуратно организовать модель, вид и коллекции.

Answer 5

Одна вещь, которую я не понимаю в AMD, - это то, что она загружает необходимые js только тогда, когда это необходимо, но с демо-приложением она загружает все js html css файлы при доступе к приложению для загрузки первой страницы.