ESBuild（ESBuild）MOC
ESBuild 是一个极速的 JavaScript 和 TypeScript 打包器，使用 Go 语言编写，性能比传统工具快 10-100 倍。
学习路径：
- 📖 入门：ESBuild 基础使用和配置
- 🚀 进阶：核心功能和高级配置
- 💡 高级：性能优化和工具对比
学习 ESBuild 前需要掌握 JavaScript 基础 和 TypeScript 基础。ESBuild 与 工具链与构建 和 性能优化 密切相关。
🎯 学习目标
完成本知识体系学习后，你将能够：
- ✅ 理解 ESBuild 的核心特性和优势
- ✅ 从零开始搭建 ESBuild 项目
- ✅ 配置开发环境和生产环境
- ✅ 使用 ESBuild 处理 JavaScript、TypeScript、JSX/TSX
- ✅ 优化构建速度和输出体积
- ✅ 与 React、Vue 等框架集成
- ✅ 理解 ESBuild 与其他构建工具的对比和选择
📚 知识体系（按学习顺序）
阶段一：基础入门
目标：快速上手，搭建第一个 ESBuild 项目
01-基础入门
- 什么是 ESBuild — ESBuild 简介、为什么快、适用场景
- 快速开始 — 安装、第一个项目、基础配置
- 核心概念 — Entry、Output、Format、Platform 等
阶段二：核心功能
目标：掌握 ESBuild 的核心功能
02-核心功能
- TypeScript 编译 — JS/TS 编译、语法支持
- TSX 支持 — React、Vue JSX 配置
- 代码压缩 — 内置压缩、压缩选项
- 代码分割 — 代码分割、动态导入
- 插件系统 — 插件开发、常用插件
阶段三：配置与实践
目标：掌握实际项目配置和集成
03-配置与实践
- 基础配置 — 完整配置选项、环境变量
- React 项目集成 — React + ESBuild 完整配置
- Vue 项目集成 — Vue + ESBuild 完整配置
- 库开发配置 — 库打包、多格式输出
- 生产环境优化 — 生产环境最佳实践
阶段四：性能优化
目标：优化构建速度和输出体积
04-性能优化
阶段五：对比分析
目标：理解 ESBuild 与其他工具的对比和选择
05-对比分析
- ESBuild vs Webpack — 性能、功能、适用场景对比
- ESBuild vs Rollup — 打包策略、输出格式对比
- ESBuild vs SWC — 转译能力、性能对比
- ESBuild vs Vite — Vite 如何使用 ESBuild
- 高性能构建工具对比 — ESBuild、Rspack、Turbopack 全面对比
🎯 核心特性
性能优势
- 极速构建：Go 语言实现，比传统工具快 10-100 倍
- 并行处理：充分利用多核 CPU
- 零配置：开箱即用，无需复杂配置
功能特性
- JavaScript/TypeScript：原生支持，无需额外配置
- JSX/TSX：支持 React、Vue 等框架
- 代码压缩：内置压缩，无需额外工具
- Source Map：支持生成 Source Map
- 代码分割：支持代码分割和动态导入
适用场景
- 快速原型开发：需要快速构建和迭代
- 库开发：需要快速打包和测试
- CI/CD 流程：需要快速构建
- 大型项目：需要极速构建速度
✅ 技能要求
你需要掌握：
- 理解 ESBuild 的核心概念和配置
- 能够搭建 ESBuild 项目
- 能够配置开发和生产环境
- 能够优化构建性能
- 能够根据项目选择合适的构建工具
📝 学习建议
- 前置知识：需要掌握 JavaScript 基础 和 TypeScript 基础
- 学习顺序：基础入门 → 核心功能 → 配置与实践 → 性能优化 → 对比分析
- 实践应用：
- 工具选择：
- 极速构建：ESBuild（Go 实现，性能极佳）
- 开发体验：Vite（使用 ESBuild 作为开发服务器）
- 大型项目：Webpack 或 Rspack（功能更丰富）
🔗 相关链接
前置知识
- JavaScript 基础 — JavaScript 基础知识
- TypeScript — TypeScript 类型系统
- 模块化 — 模块化概念
相关主题
📌 使用说明
目录结构
ESBuild/
├── !MOC-ESBuild.md
├── 01-基础入门/
│ ├── 01-什么是ESBuild.md
│ ├── 02-快速开始.md
│ └── 03-核心概念.md
├── 02-核心功能/
│ ├── 01-JS-TS编译.md
│ ├── 02-JSX-TSX支持.md
│ ├── 03-代码压缩.md
│ ├── 04-代码分割.md
│ └── 05-插件系统.md
├── 03-配置与实践/
│ ├── 01-基础配置.md
│ ├── 02-React项目集成.md
│ ├── 03-Vue项目集成.md
│ ├── 04-库开发配置.md
│ └── 05-生产环境优化.md
├── 04-性能优化/
│ ├── 01-构建速度优化.md
│ └── 02-输出体积优化.md
└── 05-对比分析/
├── 01-ESBuild-vs-Webpack.md
├── 02-ESBuild-vs-Rollup.md
├── 03-ESBuild-vs-SWC.md
├── 04-ESBuild-vs-Vite.md
└── 05-高性能构建工具对比.md
文件命名规范
- MOC 文件：
!MOC-ESBuild.md - 普通文件：使用中划线分隔，如
01-什么是ESBuild.md
📖 学习资源
官方文档
相关资源
最后更新：2025
维护规范：每次新增笔记后，在对应 MOC 中加入链接