title: Backbone + RequireJS "define is not defined"
body: <p>I have a fairly large project in which I'm trying to concatenate all my JS files into one file. I've been able to do just this, but I'm having trouble actually implementing the two files into the code.</p>
  
  <p>My Gruntfile has a task for doing the concatenation:</p>
  
  <pre><code>requirejs: {
              compile: {
                  options: {
                      baseUrl: "&lt;%= yeoman.app %&gt;",
                      mainConfigFile: "&lt;%= yeoman.app %&gt;/config.js",
                      include: ["config"],
                      out: "&lt;%= yeoman.app %&gt;/dist/main.js"
                  }
              }
          },
  </code></pre>
  
  <p>Again, this works just fine. My config.js contains all the libraries, models, helpers, collections, and views used in the project:</p>
  
  <pre><code>   require.config({
              paths: {
                  // path configuration assumes .js suffix
  
                  // Libraries
                  'jquery': 'js/libs/jquery-1.8.2.min',
                  // custom version of jQM, see comments section in library for custom change log
                  'jQM': 'js/libs/jquery.mobile-1.2.0-CUSTOM',
                  //'jQUI': 'js/libs/jquery-ui-1.8.24.dev.min',
                  'Underscore': 'js/libs/underscore',
                  'JSON2': 'js/libs/json2',
                  'Backbone': 'js/libs/backbone',
          etc...
          },
          shim: {
              'jQMConfig': {
                  //deps: ['jQUI'] // use jQUI as dependency if jQUI is required.  see https://github.com/jquery/jquery-mobile/issues/5119
                  deps: ['jquery']
              },
              'jQM': {
                  deps: ['jQMConfig']
              },
  etc...
      });
  require(['js/router']);
  </code></pre>
  
  <p>Finally, in my HTML code I'm including these two scripts:</p>
  
  <pre><code>&lt;script type="text/javascript" src="dist/main.js"&gt;&lt;/script&gt;
  &lt;script data-main="config" src="js/libs/require-2.1.15.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>which is where I'm getting the error in the console "define is not defined" and all the files in the js/ folder are still being called. Please point me in the right direction.</p>