require.js ideas

1.script-tags.md

index.html

<script>
document.write('http://' + location.hostname + ':35729/livereload.js?snipver=1');
</script>
<script src="config.js"></script>
<script data-main="app" src="require.js"></script>

config.js

var require = {
  paths: {
    'jquery': 'bower_components/jquery/jquery',
  },
};

app.js

define(function(require) {
  var $ = require('jquery');
  // app code here
});

2.bootstrapped.md

index.html

<script data-main="app-bootstrap" src="require.js"></script>

config.js

require.config({
  paths: {
    'jquery': 'bower_components/jquery/jquery',
    // This must work in the browser AND not explode in the r.js build step.
    'livereload': 'http://' + (typeof location !== 'undefined' ?
      location.hostname : 'localhost') + ':35729/livereload.js?snipver=1',
  },
});

app-bootstrap.js

require(['config'], function() {
  require(['livereload']);
  require(['app']);
});

app.js

define(function(require) {
  var $ = require('jquery');
  // app code here
});

Probably lipstick on a pig, as far as you're concerned, but:

- require(['livereload']);
- require(['app']);
+ require(['app', 'livereload']);