RequireJs: Sử dụng tự động load-DEPS với shim

Question

tôi đã xác định một cấu hình RequireJs trong đó xác định đường dẫn và shims:

require.config({ 
    // define application bootstrap 
    deps: ["main"], 

    // define library shortcuts 
    paths: { 
     app: "app" 
     , jquery: "lib/jquery" 
     , underscore: "lib/underscore" 
     , backbone: "lib/backbone" 
     , bootstrap: "lib/bootstrap" 
    }, 

    // define library dependencies 
    shim: { 
     jquery: { 
      exports: "$" 
     }, 
     underscore: { 
      exports: "_" 
     }, 
     backbone: { 
      deps: ["underscore", "jquery"], 
      exports: "Backbone" 
     }, 
     bootstrap: { 
      deps: ['jquery'], 
      exports: "bootstrap" 
     }, 

     // main application 
     app: { 
      deps: ["backbone"], 
      exports: "App" 
     } 
    } 
}); 

Như bạn thấy người cuối cùng "shim" khai nên làm cho nó có thể truy cập xương sống (và nó DEPS) khi tôi tải Ứng dụng chính (tên miền).

Trên thực tế điều này không làm việc:

require(["app"], function($, _, Backbone, App){ 
    app.router = new Backbone.Router.extend({ 
     // routing and route actions 
    }); 
}); 

Điều gì làm cho tôi tự hỏi là trong "xương sống-boilderplate" -project, Backbone (và DEPS của nó) có sẵn theo cách này: https://github.com/tbranyen/backbone-boilerplate/blob/master/app/main.js

Thậm chí không phải xác định điều này trong hàm.

Vì vậy, tôi đang làm gì sai?

Answer 1

Xóa $, _, Backbone các đường kính từ require -chức năng mà bạn mở rộng Bộ định tuyến. Các shims xuất khẩu giá trị toàn cầu, do đó, không cần phải tham chiếu đến chúng trong các cuộc gọi require hoặc define giống như bạn thực hiện cho các phụ thuộc thông thường.

Chuyển chúng dưới dạng tham số gây rối với các biến toàn cục và rất có thể kết quả là chúng không được xác định.

Answer 2

Từ những gì tôi đã đọc, requirejs đi lập luận dựa trên những gì bạn chỉ định trong mảng ... Như vậy cuộc gọi của bạn sẽ trông như thế này:

require(["app"], function (App) { // less arguments 
}); 

Hoặc như thế này:

require(
    ["jquery", "underscore", "backbone", "app"], // more deps 
    function ($, _, Backbone, App) { 
    } 
);