Skip to content
node-style require() for the browser without a build step
JavaScript Other
Latest commit 0c736d6 May 7, 2015 @substack 0.0.3



node-style require()s in the browser without a compile step

This module parses the dependency graph of modules at runtime and pre-fetches dependencies using asynchronous XMLHttp in parallel.

example usage

First write some node-style require()s:


module.exports = 'beepity'


module.exports = 'boop!!!'


var beep = require('./beep.js');
var boop = require('./boop.js');

var elem = document.getElementById('res');
elem.innerHTML = beep + ' ' + boop;

Now load up "/wreq.js" and "/js/entry.js" in some script tags. The files that you want to load with wreq should be type="text/wreq". You can get wreq.js from this repository in the root directory.

<script src="/wreq.js"></script>
<script src="/js/entry.js" type="text/wreq"></script>

<div id="res">[]</div>

Now load index.html. That's it, no compile step and you get node-style so-called "synchronous" require()s.

Now let's all stop making those ridiculous arguments that node-style require()s necessarily entail synchronous XHR or a server-side build step or other silliness.


Copy wreq.js or wreq.min.js into your project. All done.



Something went wrong with that request. Please try again.