模块与目标配置
选择正确的 module、target 和 lib 设置
模块与目标配置 是 CoddyKit 上的免费 TypeScript Academy 课时。 这是第 2 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。
欢迎
tsconfig 中的 module 和 target 设置控制 TypeScript 将哪种 JavaScript 语法编译为输出代码。
target 设置
target 控制生成哪一些 JavaScript 语法特性。ES2020 是安全且现代的默认选项。
{ "compilerOptions": { "target": "ES2020" } }常用 target
ES5 适用于旧版浏览器，ES2020 及更高版本适用于现代环境，ESNext 适用于最新特性。
module 设置
module 控制生成的 JS 所使用的模块系统：commonjs、ES2020、NodeNext 和 bundler。
{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"moduleResolution
TypeScript 查找模块的方式。现代项目应使用 node16 或 bundler。
{ "compilerOptions": { "moduleResolution": "bundler" } }esModuleInterop
允许从 CommonJS 模块导入默认内容，而无需使用 * as 语法。
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as expresslib 设置
lib 指定可用的内置 API（DOM、ES2020 等）。
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }isolatedModules
确保每个文件都可以独立转译，这是 esbuild 和 Babel 的要求。
{ "compilerOptions": { "isolatedModules": true } }verbatimModuleSyntax
对仅用于类型的导入强制使用 import type。它取代了旧的 importsNotUsedAsValues。
{ "compilerOptions": { "verbatimModuleSyntax": true } }jsx 设置
对于 React 项目，请将 jsx 设置为 react-jsx 或 react。
{ "compilerOptions": { "jsx": "react-jsx" } }resolveJsonModule
允许导入 JSON 文件，并推断其类型。
{ "compilerOptions": { "resolveJsonModule": true } }快速检查
tsconfig 中的 `target` 选项控制什么？
回顾
模块与 target 配置：您已经掌握了关键概念和模式。
常见问题解答
「模块与目标配置」课时是免费的吗？
是的 — 「模块与目标配置」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。
「模块与目标配置」这节课中我会学到什么？
选择正确的 module、target 和 lib 设置 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 TypeScript Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 2 节课，共 4 节。
「模块与目标配置」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 TypeScript Academy 课中编写并运行代码吗？
能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。