typescript - 如何从多个 TypeScript 文件构建单个 ES6 模块(用于前端库)

Question

我的前端库的代码被分成几个源文件。

例子:

// a.ts
function a() {}

// b.ts
function b() {}

// main.ts
const myLib = {
    a: a,
    b: b
}

我需要构建一个仅导出 myLib 作为默认导出的 ES6 模块(即一个 JavaScript 文件)。

我看到两个选项。第一个:

1. 运行tsc将每个文件编译成JavaScript；
2. 将所有生成的 JS 文件连接成一个文件 my-lib.js;
3. 附加 ES6 所需的代码(export …)。

第二个:

1. 将所有 TypeScript 文件连接成一个文件 my-lib.ts;
2. 附加导出:export default myLib;
3. 对串联文件运行 tsc。

这两个选项都很丑陋并且松散了 map 文件。

有更好的方法吗？

Answer 1

正确的方法是创建一个将重新导出模块的桶文件。

// foo/a.ts
export function a() {}

// foo/b.ts
export function b() {}

// foo/index.ts
export {a} from './a';
export {b} from './b';

然后在你的消费者中:

import {a, b} from './foo';

a();
b();