Использование виджета jquery-ui

Question

Я хочу использовать сортируемый виджет jquery-ui. Я установил jquery-ui с:

bower install jquery-ui 

Im using require.js. Я добавил раздел Jquery-ш/Сортируемый:

paths: { 
    ... 
    'jquery.ui/sortable': 'bower_components/jquery.ui/ui/widgets/sortable' 
    ... 

В моем модуле импортировать с:

define(
[ 
    'jquery.ui/sortable', 
    ... 
], 
function(
    sortable, 
    ... 
) { 

Это даст мне кучу ошибок, потому что sortable.js затем пытается импортировать его зависимости , Единственный способ, которым я мог заставить его работать, чтобы добавить путь для каждых зависимости от sortable.js:

'jquery.ui/sortable': 'bower_components/jquery.ui/ui/widgets/sortable', 
    'jquery.ui/mouse': 'bower_components/jquery.ui/ui/widgets/mouse', 
    'jquery.ui/scroll-parent': 'bower_components/jquery.ui/ui/scroll-parent', 
    'data': 'bower_components/jquery.ui/ui/data', 
    'ie': 'bower_components/jquery.ui/ui/ie', 
    'version': 'bower_components/jquery.ui/ui/version', 
    'widget': 'bower_components/jquery.ui/ui/widget', 

Это кажется очень трудным способом сделать это. Также «данные», «то есть», «версия» и «виджет» работают только в том случае, если я их не пропустил.

Это правильный способ использования виджета jquery-ui?

Answer 1

Если все модули вы когда-либо относятся к, в конечном счете под bower_components/jquery.ui/ui/widgets/, то вы могли бы использовать map вместо того, чтобы иметь paths, который перечисляет каждый и каждый модуль:

map: { 
    "*": { 
    "jquery.ui": "bower_components/jquery.ui/ui/widgets"  
    } 
} 

Это должно сопоставить каждый запрос на jquery.ui/x в bower_components/jquery.ui/ui/widgets. Поскольку карта преобразует имя модуля в другое имя модуля, то любой модуль в bower_components/jquery.ui/ui/widgets, который импортирует из .., получит модуль от bower_components/jquery.ui/ui.