javascript - require.js 依存性注入の使用

Question

jQuery と Handlebars を使用するモジュールを作成しようとしています

これはメインファイルです：

require(['app', 'jquery', 'handlebars' ], function (app, $, handlebars) {

    console.log('Running jQuery %s', $().jquery);
});

そして、これはアプリファイルです：

define(['jquery', 'handlebars'], function ($, hb) {

    $(function() {

        var source   = $("#some-template").html();
        var template = hb.compile(source);
        var data = {...});
});

なぜそれは言うのhb is not definedですが、すべての依存関係を削除すると、Handlebars代わりに使用すると機能しますhb(これは通常の方法です)?

Answer 1

ハンドルバーは AMD/RequireJS に準拠していません。それが必要にshimなります: http://requirejs.org/docs/api.html#config-shim

  shim: {
    handlebars: {
      exports: 'Handlebars'
    },
  }