typescript - core-js 和 Typescript 与目标 ES5 允许使用不支持的 ES6 功能

Question

我有一个使用 "target": "es5" 编译的 TypeScript 项目。我使用 core-js 的 Set 所以我在我的项目中安装了 core-js 和 @types/core-js 。 然而，由于 core-js d.ts 包含 Set 和 Map (以及其他 ES6 功能)的全局声明，TypeScript 编译器允许我使用它们，这显然赢得了无法在旧浏览器中工作。

我无法从构建中排除 core.d.ts，因为我显然需要它来实现接口(interface)。

编译器是否有办法阻止我使用 ES6 功能，而仍然使用 core-js 及其相应的类型定义？

Answer 1

由于 core-js 是一个 polyfill，其声明旨在修改全局范围。我建议您找到或创建自己的集合接口(interface)声明，这相当简单。 一定要删除 @types/core-js 包。

您可以使用的声明如下所示

declare module "core-js/library/fn/set" {
  class Set { ... }
  export = Set;
}

请注意，这是一个环境外部模块声明，其名称与加载程序或节点的 require 函数解析的实际 JavaScript 文件的导入路径相匹配。

应尽可能避免环境外部模块声明，因为它们都有助于环境外部模块的全局命名空间，但在这种情况下很难避免。

避免这种情况的一种方法是使用 tsconfig.json 中的路径配置。

非环境声明.ts 的路径

class Set { ... }
export = Set;

tsconfig.json

{
  "compilerOptions": {
     "baseUrl": "",
     "paths": {
       "core-js/library/fn/set": [
         "path-to-non-ambient-declaration"
        ]
      }
    }
  }
}