typescript - 如何在 typescript 中将模块提升为全局？

Question

我经常使用的模块中包含一个库，因此我想将其提升为“全局”并在不需要它的情况下使用。

在纯 JavaScript 中很简单

window.mylib = require("mylib")

但我发现在 TypeScript 中很难做到，因为显然你不能混合“模块”和“环境”代码。所以这是行不通的:

import MyLib = require("mylib"); 
window.mylib = MyLib;  
interface Window {
    mylib: mylib;
}

因为Window界面只针对一个文件增加了。

有没有办法做到这一点(不包括生成自定义 mylib.d.ts)？

Answer 1

你应该这样做:

你的模块.ts

import MyLib = require("mylib"); 

export {};

declare global {
    interface Window {
        mylib: mylib;
    }
}

window.mylib = MyLib; 

然后您只需在需要时导入它:

import "./yourModule";

Global augmentation 中讨论的很简短.