jquery-uiウィジェットの使用

Question

jquery-uiのソート可能なウィジェットを使用したいと思います。 jquery-uiを次のようにインストールしました：

bower install jquery-ui 

私はrequire.jsを使用しています。私はインポート私のモジュールで

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

：私は、ソート可能なjqueryの-UI /のセクションを追加した

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', 

これは、これを行うひどく困難な方法のように思えます。また、 'data'、 'ie'、 'version'、 'widget'は、名前空間に名前を付けないと機能します。

これはjquery-uiウィジェットを使用する正しい方法ですか？

Answer 1

あなたは最終的にbower_components/jquery.ui/ui/widgets/の下で、あなたはそれぞれ、すべてのモジュール一覧表示されますpathsたのmapを代わりに使用することができますを参照してくださいすべてのモジュールの場合：これはにjquery.ui/xにすべての要求をマッピングする必要があり

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

をbower_components/jquery.ui/ui/widgets。マップによってモジュール名が別のモジュール名に変換されるため、からインポートするbower_components/jquery.ui/ui/widgetsのモジュールはすべてbower_components/jquery.ui/uiからモジュールを取得します。