在浏览器控制台中访问 Webpack 包内的项目

Question

我正在将 Typescript 与 Webpack 结合使用（使用源映射进行调试构建）。我可以正常访问源选项卡中的静态类文件。然而，类名本身在全局范围内是未定义的。

class SomeStaticClass {
  public static doSomething() {
     console.log("I just did something!");
  }
}

我想访问/致电

SomeStaticClass.doSomething() 

从浏览器中的控制台（例如 Google Chrome 检查器工具）。我怎样才能实现这个目标？

Answer 1

我解决了如下的解决方法。主要exports.tsx（假设这是顶级导出）：

import { StaticClassToBeExposed } from '...SomeFile';

if(type of window !== undefined) {
   window.StaticClassToBeExposed = StaticClassToBeExposed;
}