How to access JS global variable in Typescript file, using webpack

Question

If I have a global variable var x in my main.js file, which i'd like to be accessible in a typescript file which is bundled by webpack into the same build/bundle.js, how would i go about this? I cannot access it directly as i assumed i might (them being in the same bundle at the end). I have read of export/import/require but cannot find how to apply this in the context of a webpack bundle.

tony · Accepted Answer · 2017-07-12 14:24:10Z

4

You may need to declare the variable in your typescript file so the compiler knows its exists:

declare var x: any;

Adapted from this answer

answered Jul 12, 2017 at 14:24

tony

1,3461 gold badge13 silver badges28 bronze badges

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

Comments

luanped · Accepted Answer · 2017-07-12 11:41:02Z

0

ProvidePlugin from webpack should do the job, they have a pretty good example here

answered Jul 12, 2017 at 11:41

luanped

3,1982 gold badges30 silver badges40 bronze badges

2 Comments

rld001 Over a year ago

I don't understand how to do this with my own file referring to the documentation's examples

luanped Over a year ago

just to clarify my understanding of your problem, currently with your global variable x, do you mean typescript compiler is simply complaining that you are trying to access an undefined variable hence not compiling (but functionally works if you do something like window['x']. or are you saying that the variable is not being globally scoped but file scoped instead?

Collectives™ on Stack Overflow

How to access JS global variable in Typescript file, using webpack

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related