TypeScript：为同一项目中的不同文件声明不同的库/引用

我有一个用 TypeScript 编写的项目。我同时使用 dom 和 Web Workers，因此我在某些文件中需要 webworker.d.ts 库，在其他文件中需要 dom.d.ts。

我已经尝试将“webworker”添加到 tsconfig.json 中的 lib 选项，但这两者不兼容。

我尝试的另一件事是添加：

/// <reference no-default-lib="true"/>
/// <reference lib="esnext" />
/// <reference lib="webworker" />

在我的 Service Worker 文件的顶部，但“webworker”适用于每个文件，而不仅仅是包含引用的文件。

如何在同一个项目中同时拥有需要引用 dom 的文件和需要引用 webworker 的文件？

这是我的配置：

// tsconfig.json
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "noEmitHelpers": false,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": ["webpack-env"],
    "paths": {
      "@/*": ["src/*"]
    },
    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": ["node_modules"]
}

用vue看微软/TypeScript/问题/20595 https://github.com/Microsoft/TypeScript/issues/20595其中指出：

We have found that what is meaningful in the global scope of a web worker is significantly more narrow than we find out of the DOM. So we tend to author with "lib": [ "dom" ] and then just declare the handful of APIs we require to make a web worker work, or we obtain a reference to the global object, treat it as any, and pick off certain properties from the global scope and type them at the point where we pick them off.

尝试像：

const ctx: Worker = self as any;
ctx.postMessage();

或：按照已链接 20595 https://github.com/Microsoft/TypeScript/issues/20595配方需要对某些网络工作者部件进行排版或为您需要/使用的组件制作类型文件。

Use:

const globalObject: any = (function (): any {
if (typeof global !== 'undefined') {
    // global spec defines a reference to the global object called 'global'
    // https://github.com/tc39/proposal-global
    // `global` is also defined in NodeJS
    return global;
}
else if (typeof window !== 'undefined') {
    // window is defined in browsers
    return window;
}
else if (typeof self !== 'undefined') {
    // self is defined in WebWorkers
    return self;
}
})();

然后引用，例如：

import globalObject from 'globalObject'
globalObject.postMessage({});