title: Unable to load crossroads.js using RequireJS
body: <p>I try to load JS files using RequireJS , however crossroads <a href="http://millermedeiros.github.io/crossroads.js/" rel="nofollow">http://millermedeiros.github.io/crossroads.js/</a>  seems not be loaded properly. I have checked using Chrome Dev Toolbar and all JS files are actually loaded. However running <strong>window.crossroad</strong> returned me <strong>undefined</strong>?</p>
  
  <p>Below is my requirejs config.. Kindly advice... Thanks!</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;script data-main="scripts/config" src="scripts/require.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>config.js</strong></p>
  
  <pre><code>require.config({
    shim: {
      "zepto.min": {
        exports: "$"
      },
      "underscore.min": {
        exports: "_"
      },
      "crossroads.min": {
        exports: "crossroads"
      }  }
  });
  
  require(["zepto.min","underscore.min", "crossroads.min",], function() {
      console.log("=&gt; Loading app")
      require(["main"]);
  });
  </code></pre>
  
  <p><strong>main.js</strong></p>
  
  <pre><code>require(["hp-config", "hp-model", "hp-view", "hp-controller"], function () {
      console.log("=&gt; Init");
      console.log(window.crossroads);
      //$(document).ready( function(){ HP.C.init(); });
  });
  </code></pre>