Javascript 在浏览器控制台中访问网页包包中的项目

我在Webpack中使用Typescript（使用源代码映射调试构建）。我可以正常访问sources选项卡中的静态类文件。但是，类名本身在全局范围内是未定义的

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

我想访问/呼叫

SomeStaticClass.doSomething() 

---

从浏览器中的控制台（比如Google Chrome Inspector Tools）。

您可以通过

console.log(SomeStaticClass.doSomething())

---

我设法使它正常工作。参考url

我设法解决了如下问题。在主

exports.tsx

中（假设这是顶级导出）：

---

假设要获取所有文件，可以执行以下操作：

window.SomeStaticClass=require（'./带有类的文件路径'）。默认值；

---

灵感来源于

你成功地让它发挥作用了吗？Webpack不应该是这种情况，因为它不会将打包的项目添加到全局范围。@Sachintha Nayanajith:这不起作用。只有全局实例是可访问的，显然静态类（或类本身）不是它的一部分。@Sachintha Nayanajith感谢链接。我能够正确地访问代码中的静态类。例如，这将执行一次console.log。但是，我希望能够从“浏览器检查器工具”（例如：chrome中的ctrl+shift+I）动态调试/调用静态类方法进行调试。@sachintanayanajith直接使用TypeScript时，这将起作用，因为它将发出脚本，将定义的项添加到范围中。但是有了Webpack，所有内容都只能在自己的范围内访问，而不能在全局级别访问，因此Playerd是不相关的。在控制台中键入时，您会丢失所有类型检查，因此以这种方式调试您的Typescript应用程序不是一个好主意…正确的语法和拼写是so帖子的要求。请

编辑

以避免否决票甚至删除。此外，高质量的帖子通常会解释解决方案的关键部分是如何解决OP问题的。随着将来的访问者了解到一些可以应用于他们自己的编码问题的东西，大多数升级投票会随着时间的推移而累积。“请/帮助/谢谢/等等”应该从帖子中删除。请访问StackOverflow.com/help。别担心，这只是一个板载通知，帮助您快速了解该平台的独特之处。期待您的贡献。链接回您正在引用的指定帖子更有用。在每个答案和每个问题下面，都有一个“共享”链接。最后，如果你还没有，我鼓励你对任何你认为有用的答案（如你上面提到的workwise的答案）进行投票。

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

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