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

Question

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

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

module.js: 

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

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

Answer 1

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

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

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

Answer 2

Посмотрите на пример this. Он хорошо показывает, как использовать опорную основу вместе с requirejs. Он также показывает, как вы можете упорядочить модель, просмотр и коллекции аккуратно.

Answer 3

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

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

Answer 4

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

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

Дайте это попробовать.

Answer 5

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