Skip to content

多个微前端项目使用 TypeScript

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

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

  1. 创建一个 index.d.ts 在你的项目目录
typescript
// index.d.ts
declare namespace Foo {
    export const showMe: () => string
}
  1. 配置 TypeScript 编译器配置文件 tsconfig.json,在 include 字段中包含你所编写的类型定义文件
json
{
    "include": ["index.d.ts"]
}

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

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

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

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