How to create a global variable in javascript (using webpack)

Question

I'm using React JS with webpack, webpack-dev-server and Ecmascript 6. I have an undeclared variable in the file named data.js. However, I cannot modify the data.js file since its standard. So is there a way by which I can make the variable global from another js file? I tried declaring window.myvarnamein another file where data.js is referenced using import statement but its still giving an error Uncaught ReferenceError: myvarname is not defined

Could you provide the full error message you're getting as well as the stack trace? Is this error happening on the client side, or during webpack build? Also, if data.js is a module, it's weird for it to need to access a global variable. But in any case, you might want to use this webpack plugin to define a global variable: webpack.github.io/docs/list-of-plugins.html#defineplugin — Andrew Chen
– Andrew Chen, Commented May 9, 2016 at 9:15

Muhammad Waqas · Accepted Answer · 2016-05-09 08:03:02Z

1

define object in some file like below

var data={

  myvarname:""

};

and call where you want like this

data.myvarname;

edited May 9, 2016 at 8:03

answered May 9, 2016 at 7:54

Muhammad Waqas

1,15012 silver badges20 bronze badges

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

2 Comments

Rahul Dagli Over a year ago

Sorry, but I cannot make any modifications in data.js file as mentioned in the description. I want to handle it from outside.

Muhammad Waqas Over a year ago

ok define your vairable in other js as posted in my answer hope it will work

Collectives™ on Stack Overflow

How to create a global variable in javascript (using webpack)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related