Browserify is a pretty awesome tool authored by @substack, which allows you to bring CJS packages into the browser. In the book we introduce the concept, and then compare it to RequireJS.

The grunt-browserify plugin has a really interesting read which is worth checking out, talking about the benefits of using CJS modules.

The build:debug task target will bundle all of the CJS modules and also create a source map so we're still able to debug seamlessly. Note that a source map file won't actually be created, but instead it will be embedded right into our bundle, with something known as a base64 encoded data uri. The build:release version will also minify the bundle, but it won't produce a source map. Once you've built, open the example from your shell, using:

open test.html

_{(or just open test.html in your favorite browser)}