0Pricing
TypeScript Academy · 课时

重新导出与集中导出文件

创建索引文件以简化导入路径

重新导出与集中导出文件 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。

欢迎

聚合文件(index.ts)会汇总并重新导出模块内容,为目录创建简单的公共 API,让使用者可以采用更简洁的导入路径。

什么是聚合文件

聚合文件是一个从同一目录重新导出所有内容的 index.ts。使用者从目录导入,而不是从单个文件导入。
// src/models/index.ts (barrel)
export { User } from './user';
export { Product } from './product';
export { Order } from './order';

使用聚合文件

请从聚合文件导入,而不是从单个文件导入,这样路径会更简洁。
// Before barrel:
import { User } from '../models/user';
import { Product } from '../models/product';

// After barrel:
import { User, Product } from '../models';

export * 通配符重新导出

使用 `export *` 从模块中重新导出所有命名导出。
// index.ts
export * from './utils';
export * from './helpers';
export * from './validators';

重新导出时重命名

您可以在重新导出时重命名导出项。
export { default as MyButton } from './Button';
export { Button as Btn } from './Button';

仅类型重新导出

重新导出类型,而不影响运行时。
export type { User, UserRole } from './user.types';

功能模块的聚合文件

大型应用中的功能文件夹通常会包含一个聚合文件,只公开公共部分。
// features/auth/index.ts
export { AuthProvider } from './AuthProvider';
export { useAuth } from './useAuth';
export type { AuthUser } from './types';

循环依赖风险

如果同一聚合文件中的文件通过 index 间接相互导入,聚合文件可能会引入循环依赖。请留意这一点。

树摇与聚合文件

现代打包工具(Webpack、Rollup、Vite)会对聚合文件的重新导出执行树摇。最终打包文件只会包含实际使用的导出项。

深层聚合文件与浅层聚合文件

嵌套使用聚合文件:每个子目录都有自己的 index.ts,父级聚合文件再从子目录的聚合文件中重新导出。
// src/index.ts
export * from './models';
export * from './services';
export * from './utils';

聚合文件与 TypeScript 性能

层级过深的聚合文件可能会降低 TypeScript 的编译速度。对于大型项目,请考虑扁平化结构,或改用路径别名。

快速检查

使用聚合文件(index.ts)的主要好处是什么?

回顾

聚合文件(index.ts)从目录中重新导出内容,创建简洁的导入路径。请使用 `export *` 批量重新导出,使用 `export type` 仅重新导出类型,并注意大型项目中的循环依赖风险。

常见问题解答

「重新导出与集中导出文件」课时是免费的吗?

是的 — 「重新导出与集中导出文件」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 TypeScript Academy 课程的其余内容,请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。

「重新导出与集中导出文件」这节课中我会学到什么?

创建索引文件以简化导入路径 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗?

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。

「重新导出与集中导出文件」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗?

能。每节 TypeScript Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. ES 模块语法:import 与 export
  2. 重新导出与集中导出文件
  3. 仅用于类型的导入与导出
  4. 命名空间与模块:现代用法
← 返回 TypeScript Academy