sioux-offscreen/example/node_modules/browserify/test/reverse_multi_bundle.js

An off screen navigation item. Similar to the menu of the Facebook and Path app

/**
 * To be able to lazy load bundles with script loaders the loaded bundles
 * must have access to modules exposed by previous bundles.
 *
 * In effect this is the same as adding the bundles in reverse order
 **/

var browserify = require('../');
var vm = require('vm');
var test = require('tap').test;

test('reverse multi bundle', function (t) {
    t.plan(4);

    // Main app bundle has the main app code and the shared libarary code
    var app = browserify([__dirname + '/reverse_multi_bundle/app.js'])
        .external(__dirname + '/reverse_multi_bundle/lazy.js')
        .require(__dirname + '/reverse_multi_bundle/shared.js');

    // Lazily loaded bundle has only its own code even it uses code from the
    // shared library.
    var lazy = browserify()
        .require(__dirname + '/reverse_multi_bundle/lazy.js')
        .external(__dirname + '/reverse_multi_bundle/shared.js');


    app.bundle(function (err, appSrc) {
        if (err) throw err;
        lazy.bundle(function(err, lazySrc) {
            if (err) throw err;

            var src = appSrc  + lazySrc;
            var c = {
                setTimeout: setTimeout,
                t: t
            };
            vm.runInNewContext(src, c);
        });

    });


});