8、TypeScript 代码组织与模块管理

TypeScript 代码组织与模块管理

1. TypeScript 模块导入与导出

1.1 模块导入目标设置

在 TypeScript 中使用模块导入时，可以通过 --module 编译器标志指定不同的模块加载器，可选择的目标包括 CommonJS（Node）、AMD（RequireJS）、ESNext（原生浏览器模块）等。

1.2 模块重新导出

模块重新导出允许在不本地使用另一个模块的情况下重新暴露它或它的一部分。示例代码如下：

// Re-export with an alias
export { Ship as Boat } from './Listing-2-007';
// Re-export an entire module
export * from './Listing-2-008';

可以利用模块重新导出将多个模块组合成一个包装模块。

1.3 默认导出

每个模块可以将一个成员标记为默认导出，默认导出可以是类、函数或值等。示例代码如下：

export default class Yacht {
    constructor(
        public name: string,
        public port: string,
        public displacement: number) {
    }
}