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.

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.

• javascript
• typescript
• webpack

Share Improve this question Follow asked Jul 12, 2017 at 11:23 rld001rld001 15311 gold badge33 silver badges1111 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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

declare var x: any;

Adapted from this answer

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