多个微前端项目使用 TypeScript #

如果你的 TypeScript 微前端项目通过 System.js 去加载，虽然可以在其他的微前端中可以使用，但是没有对应的 TypeScript 类型定义文件。你可以考虑使用下面的方式：

一、通过 tsconfig.json 文件中的 include 字段

1. 创建一个 index.d.ts 在你的项目目录

// index.d.ts
declare namespace Foo {
    export const showMe: () => string
}

2. 配置 TypeScript 编译器配置文件 tsconfig.json，在 include 字段中包含你所编写的类型定义文件

{
    "include": ["index.d.ts"]
}

二、通过 tsconfig.json 文件中的 path 字段

1. 你为 Foo 库编写了一个类型定义 npm 包

2. 配置 tsconfig.json，如果 Foo 存在多个解析路径，那么他们会合并。合并规则请参考官方文档。

{
    compilerOptions: {
        base: "./",
        paths: {
            "Foo": ["node_modules/types-foo"]
        }
    }
}