Browserify adding multiple files to bundle.js

Question

I want to use Browserify to add a couple files to one bundle. I have one "app.js" file, and a "config.js" file. The config has some connection endpoint info, and at the end has

module.exports = config;

I'm not good with this stuff, but I am assuming this is needed so it can be referenced elsewhere.

So my app.js file has some requires, like so:

var documentClient = require("documentdb").DocumentClient;
var config = require("./config");
var url = require('url');

I know that with browserify I can do one file like their getting started tutorial by doing something like:

browserify app.js --debug | exorcist bundle.map.js > bundle.js

I know I have some extra stuff in there, but my question is, wouldn't I also need to include the config.js in there, since it exports some config items that the app.js needs? If so, how would I add both the app.js and config.js into the bundle.js?

Thanks all

MoskeyOmbus · Accepted Answer · 2016-12-22 05:42:18Z

2

When you run browserify app.js in your CLI, Browersify treats app.js as the entry point. Each require statement in your code in app.js references a library that has some code that is returned via module.exports, Browserify traverses these libraries and concatenates all of the Javascript together in the final bundled output bundle.js.

By specifying var config = require("./config");, you're telling Browersify to look in ./config for a module.exports, return that code and assign to var config.

This is a solid, lengthier explanation of what I posted: https://benclinkinbeard.com/posts/how-browserify-works/

answered Dec 22, 2016 at 5:42

MoskeyOmbus

2011 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Browserify adding multiple files to bundle.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related