19、探索TypeScript模块与构建世界人口探索应用

探索TypeScript模块与构建世界人口探索应用

1. 模块打包工具

Webpack是目前最流行的打包工具之一，它拥有庞大的插件（https://webpack.js.org/plugins）和加载器（https://webpack.js.org/loaders）生态系统，功能强大。此前我们还使用过Parcel打包工具，借助它可以在HTML中直接链接 mediaman.ts 文件，它会处理包括TypeScript代码的转译和打包以及HTML/CSS文件的处理等所有工作。

在当今的JavaScript生态系统中，模块打包工具非常重要。随着平台的发展，一些功能会逐渐标准化和集成，但这个过程需要时间，所以目前使用打包工具益处颇多。

2. TypeScript模块探索

2.1 导出和导入语法

自ES2015发布以来，模块就成为了规范的一部分。TypeScript作为JavaScript的超集，当然也支持模块，并使用相同的关键字 export 和 import 。TypeScript模块有自己的作用域，不会污染全局作用域，除非导出一个符号，否则它是模块内部的，外部不可见。

以下是一个TypeScript模块导出和导入的示例：

// my-utils-module.ts
const myPrivateKey: string = "Secret";
export const myPublicKey: string = "Public";
expor