使用jquery-ui小部件

Question

我想使用jquery-ui的可排序小部件。 我安裝了jquery-ui與：

bower install jquery-ui

我正在使用require.js。 我添加了jquery-ui / sortable的一部分：

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 。