How do I access variables/functions in bundle.js

Question

hello how do you access variables in bundle.js?

I am trying to make a client side javascript and play around with variables and functions but am having trouble calling them in index.html, chrome-console.

I use browserify to bundle my script.js into bundle.js (which helps me with 'require' which the browser does not recognize), however when I try to access variables or functions defined in the script.js, now bundle.js I get e.g. Uncaught ReferenceError: xx is not defined

Any help? Or am I not allowed to use node packages on client side html/scripts?

edit: did a bit of googling and came upon this guy who says I should use XHR / AJAX "require" is not defined error- javascript

edit2: window.xx = xx seems to be a temporary solution

Have you imported your script using a script tag in your html? for example: <script src="bundle.js"></script> — labennett
– labennett, Commented Oct 17, 2019 at 13:53
I think this is a duplicate but the question is rather unclear. — Quentin
– Quentin, Commented Oct 17, 2019 at 13:56

Milanzor · Accepted Answer · 2019-10-17 14:05:47Z

0

Correct me if I'm wrong, because I have not used Browserify (I've used other bundling/processing tools), but to my understanding, Browserify bundles up all the code from the original source file into a bundle.js file. Within that bundle.js is a scope that is not accessible from the outside (unless specifically exported perhaps, but that's another story).

So for example:

// source.js
var test = require('./some-file-with-an-empty-object.js');

// Pseudo code example of bundle.js
;(function(){
   var test = {};
})();

Because of this IIFE, the scope var test is limitted and not accessible to external scripts or window.

So in short, do what you need to do within your source file, not outside of it.

answered Oct 17, 2019 at 14:05

Milanzor

1,93014 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

How do I access variables/functions in bundle.js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related