Question

我正在学习Marionett，并且我正在努力坚持核心amd构建而不是shim marionett。这是我的要求配置：

require.config({
  paths : {
    backbone : 'lib/backbone',
    underscore : 'lib/underscore',
    jquery : 'lib/jquery',
    marionette : 'lib/backbone.marionette',
    'backbone.wreqr' : 'lib/backbone.wreqr',
    'backbone.babysitter' : 'lib/backbone.babysitter',
    hbs : 'lib/hbs',
    Handlebars : 'lib/Handlebars'
  },
  shim : {
    jquery : {
      exports : 'jQuery'
    },
    underscore : {
      exports : '_'
    },
    backbone : {
      deps : ['jquery', 'underscore'],
      exports : 'Backbone'
    }
  },

  hbs: {
    disableI18n: true,

    disableHelpers: true

  }
});

我在创建应用程序模块时，在marionette的应用程序模块中未定义Backbone，如下所示：

define(["marionette", "views/CatCompositeView"], function (Marionette, CatCompositeView) {

  var app = new Marionette.Application();

  app.addRegions({
    mainRegion: '#content'
  });

  app.addInitializer(function(options){
    var catCompositeView = new CatCompositeView({
      collection: options.cats
    });

    app.mainRegion.show(catCompositeView);

  });

  return app;
});

有什么想法吗？我可以在填充木偶时完成所有工作，所以我现在很好，但是想单独加载它。

更新：以下是我在require config中的结果：

require.config({
  paths : {
    backbone : 'lib/backbone',
    underscore : 'lib/underscore',
    jquery : 'lib/jquery',
    marionette : 'lib/backbone.marionette',
    'backbone.wreqr' : 'lib/backbone.wreqr',
    'backbone.babysitter' : 'lib/backbone.babysitter',
    hbs : 'lib/hbs',
    Handlebars : 'lib/Handlebars'
  },
  shim : {
    jquery : {
      exports : 'jQuery'
    },
    underscore : {
      exports : '_'
    },
    backbone : {
      deps : ['jquery', 'underscore'],
      exports : 'Backbone'
    },
    'backbone.wreqr': {
      deps : ['backbone']
    },
    'backbone.babysitter': {
      deps : ['backbone']
    }
  },

  hbs: {
    disableI18n: true,

    disableHelpers: true

  }
});

Answer 1

您还需要填充Backbone.Marionnette：

marionette : {
  deps: ["backbone", "underscore"],
  exports: "Backbone.Marionette"
}

Answer 2

请参阅上面的更新。我需要添加骨干作为wreqr和保姆的依赖，以便单独加载它们。

使用核心AMD版本建立Marionette Js的正确方法？

2 个答案: