在构建使用 TypeScript 的 React 项目时，很多现代项目选择 swc 来替代传统的 babel，因为它更快。那么 swc 是什么呢？我们来深入了解一下：

---

🔧 什么是 SWC？

SWC（Speedy Web Compiler） 是一个用 Rust 语言编写的 JavaScript/TypeScript 编译器，目标是成为比 Babel 更快的替代品。

---

🚀 SWC 的核心特点：

特点	描述
⚡ 超快	用 Rust 写的，比 Babel 快 10-20 倍以上
🧠 支持现代语法	支持 ES6+、JSX、TypeScript 等
🔧 插件系统	可以进行 AST 转换（类似 Babel 插件）
🧩 易集成	Vite、Next.js、Webpack、Jest 等都可以使用它
📦 小体积	编译结果更轻量，有助于优化构建时间和产物大小

---

📘 SWC 在 TypeScript 项目中的作用

如果你使用 TypeScript 开发 React 项目，传统方式是用 Babel 或 tsc 编译 TS 代码。而 SWC 提供更快的编译速度，常用于：

• 替代 Babel 编译 JSX 和 TS
• 替代 tsc 来做 TS 转换（但不做类型检查）
• 搭配类型检查工具使用（如 tsc --noEmit）

---

🛠️ 示例：Vite + React + TypeScript + SWC

• react-swc-ts 模板：使用 React + TypeScript + SWC 构建项目。
• 默认使用 SWC 取代 Babel 来处理代码转换。

---

❗ 注意事项：

• SWC 只是做代码转换，不做类型检查。若要类型检查，仍需使用： tsc --noEmit
• 如果你使用 Next.js，它也可以配置为使用 SWC：
  • Next.js v12+ 默认用 SWC 替代 Babel。
  • 你可以通过 .babelrc 或 next.config.js 控制。

---

✅ 总结一句话：

SWC 是一个极快的 JS/TS 编译器，用 Rust 编写，常用于替代 Babel 或 tsc 提高构建速度。

---