扩展全局对象，如"Autodesk.Viewing".扩展'，在ES6模块中支持typescript

Question

我已经开发了一个forge扩展，现在我想在这篇博客文章之后添加typescript支持。然而，我不能从全局Autodesk命名空间扩展原型，如Autodesk.Viewing.Extension,Autodesk.Viewing.ToolInterface，因为typescript找不到对象Cannot find name 'Autodesk'(在编译时不存在)。目前，我的解决方案是通过调用创建扩展类的工厂函数注入参数Autodesk(参见代码示例)，因为我无法从ES6模块内部访问全局Autodesk变量。这个解决方法可以自然地删除所有类型。

如何在自定义扩展中完全支持typescript ?

我的工作区

function(Autodesk: any) { // injects Autodesk by passing the global accessible Autodesk object...
return class MyExtension extends Autodesk.Viewing.Extension {
...
};
}

我想要实现的(与typescript支持):

class MyAwesomeExtension extends Autodesk.Viewing.Extension {
constructor(viewer, options) {
super(viewer, options);
}
load() {
console.log('MyAwesomeExtensions has been loaded');
viewer.setEnvMapBackground(null); // Hide background environment if there is one
viewer.setBackgroundColor(0, 64, 128); // Set background color
return true;
}
unload() {
console.log('MyAwesomeExtensions has been unloaded');
return true;
}
}
Autodesk.Viewing.theExtensionManager.registerExtension('MyAwesomeExtension', MyAwesomeExtension);

Answer 1

所以我的问题是我不知道如何从ES6模块访问全局库。但是，您可以使用globalThis从ES6模块内部访问全局变量。这使您可以像通常那样使用类型。

MyExtension.ts

const Autodesk = globalThis.Autodesk;
const THREE = globalThis.THREE;
export class MyExtension extends Autodesk.Viewing.Extension {
//...
}

如果你配置typescript允许umd访问，前两行(例如const THREE = globalThis.THREE)是不必要的:

{ 
"compilerOptions": {
"allowUmdGlobalAccess": true,          /* Allow accessing UMD globals from modules. */
}
}