Backbone.js 및 Require.js

Question

Require.js로 Backbone.js 앱을 만들고 싶습니다. 하지만 콘솔에 오류가 있습니다 : 잡히지 않은 오류 : 모듈 이름 "밑줄"이 컨텍스트에 대해 아직로드되지 않았습니다 : _. 사용이 필요합니다 ([])

require.config({ 
     baseUrl: 'js/', 
     paths : { 
      'jquery' : 'jquery', 
      'underscore' : 'underscore', 
      'backbone' : 'backbone', 
      shim: { 
       'underscore': { 
        exports: '_' 
       }, 
       'backbone': { 
        deps: ['underscore', 'jquery'], 
        exports: 'Backbone' 
       } 

      } 
     } 
    }); 

    define('app', ['jquery','backbone', 'underscore'], function ($, Backbone, _){ 

     var Model = Backbone.model.extend({}); 
     var model = new Model; 
    }); 

    require(['app','jquery', 'backbone', 'underscore']); 

나는이 문제를 해결하려면 어떻게해야합니까?

Answer 1

underscore을 paths의 일부로 나열해야하므로 심에서 참조 할 수 있습니다. 또한, 귀하의 디렉토리 구조가 어떻게 생겼는지 모르겠지만 라이브러리 코드가 /js/libs 디렉토리에 있다고 가정하여 이것을 작성하고 있습니다. 마지막으로 require의 종속성 중 하나가 app 일 필요는 없습니다. RequireJS의 기쁨은로드 할 항목을 파악한다는 것입니다.

require.config({ 
    baseUrl: 'js/', 
    paths : { 
     'jquery' : 'lib/jquery', 
     'underscore' : 'lib/underscore', 
     'backbone' : 'lib/backbone', 
    }, 
    shim: { 
     'underscore': { 
      exports: '_' 
     }, 
     'backbone': { 
      deps: ['underscore', 'jquery'], 
      exports: 'Backbone' 
     } 

    } 
}); 

define('app', ['jquery','backbone', 'underscore'], function ($, Backbone, _){ 
    var Model = Backbone.Model.extend({}); 
    var model = new Model({ 
     foo: 'bar' 
    }); 

    var app = { 
     model: model 
    }; 

    // ... 

    return app; 
}); 

require(['app'], function(App) { 
    App.model.get('foo'); // <<=== returns 'bar' 
}); 

Answer 2

귀하의 요구 사항에 나열된대로 Underscore.js이 필요합니다.

Answer 3

shim은 paths 개체 안에 언급되어 있습니다. 그게 문제인지는 모르지만 여기서 언급하고 싶습니다.