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

4ioopgfo 于 2023-08-07 发布在 TypeScript

关注(0)|答案(3)|浏览(140)

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

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

字符串
我想访问/呼叫

SomeStaticClass.doSomething()

型
从浏览器中的控制台（例如Google Chrome Inspector Tools）。我该如何实现这一点？

typescript

来源：https://stackoverflow.com/questions/59450879/access-items-inside-webpack-bundle-in-browser-console

3条答案

按热度按时间

r7s23pms1#

假设你想得到所有的文件，你可以这样做：

window.SomeStaticClass = require('./path-to-file-with-class').default;

字符串
来源：workwise's answer

赞(0）回复(0）举报 2023-08-07

dxpyg8gm2#

可以通过以下方式调用静态方法

console.log(SomeStaticClass.doSomething())

字符串
我设法使它工作参考这个网址

赞(0）回复(0）举报 2023-08-07

ct2axkht3#

我管理了一个类似下面的工作区。在主exports.tsx中（假设这是顶级导出）：

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

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

字符串

赞(0）回复(0）举报 2023-08-07

我来回答

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

3条答案

相关问题

热门标签

最新问答