vic/require.js

A simple node like synchronous require made just for the browser.

{
  "createdAt": "2012-05-27T09:02:21Z",
  "defaultBranch": "master",
  "description": "A simple node like synchronous require made just for the browser.",
  "fullName": "vic/require.js",
  "homepage": null,
  "language": "JavaScript",
  "name": "require.js",
  "pushedAt": "2012-06-06T05:59:58Z",
  "stargazersCount": 1,
  "topics": [],
  "updatedAt": "2013-01-29T16:57:59Z",
  "url": "https://github.com/vic/require.js"
}

require.js

A simple node like synchronous require made just for the browser.

Usage

<head>

   <!-- Load require.min.js on your html -->
   <script unsrc='js/require.min.js' />

   <!--
      require.js will search for links with data-provide attribute
      indicating the feature name provided by the href.

      in html5, prefetch will tell the browser that we are most
      likely to use a resource, so it loads faster when actually used.

      the following tag just defines the `baz` feature and its js.
    -->
   <link data-provide='baz' href='js/baz.js' rel='prefetch' />

   <!--
      if the link rel is 'require' the resource will be loaded
      immediatly. use this for your main script.
     -->
   <link data-provide='foo' href='js/foo/index.js' rel='require' />

 </head>

js/foo/index.js

var bar = require('./bar.js') // will load relative to this resource
var baz = require('baz')      // will load the baz registered feature

js/foo/bar.js

// Loaded by js/foo/index.js

// actually there's a module.location variable
// that lets you know where you are being loaded from.
alert("Bar being loaded from "+module.location);

// use the exports variable like in node
exports.something = 22
exports.great = 33

js/baz.js

// Loaded by js/foo/index.js

module.exports = "A single object being exported"

Note, never assign exports like this:

exports = "Foo"

Prefer it this way:

module.exports = "Foo"