How to initialize js class in index.html with a separate file?

Question

JavaScript

I'm using webpack to build scripts into one file.
When initializing a class from mainBoundle.js to index.html , the compiler reports that it doesn't see it. If you copy the class to index.html - everything works.
How to initialize js class in index.html with a separate file?

Answer 1

As far as I know in index.html you can only access variables available in the global scope. If you need to access a class from mainBoundle.js write it to window. Something like this:

class SomeClass {
  // ...
}
window.__SomeClass = SomeClass;

And in index.html call
new window.__SomeClass()