esbuild 超快速 JavaScript 打包工具

解决什么问题

在大型前端项目里，webpack 或老式打包链路的构建等待往往比写代码本身更消耗注意力：改一行代码，watch 模式重新编译可能要等几秒到几十秒；CI 上的冷启动构建动辄几分钟。esbuild 用 Go 重写了打包核心，利用 Go 的并行调度和原生编译速度，把同样的构建任务压缩到原来的 1/10 到 1/100，构建耗时从「秒级等待」变成「毫秒级响应」。

技能如何工作

该技能把 esbuild 的核心能力封装为可直接调用的一组操作，覆盖以下环节：

• 打包合并：把多个 entry 入口和依赖模块合并成单文件，或按需分包
• 压缩：一键输出 minified 结果，同时支持 JS 与 CSS
• Tree shaking：基于 ES module 的静态结构剔除未使用代码
• Source maps：生成可调试的映射文件
• CSS modules：处理样式模块化

调用方式有三种：CLI 命令行直接跑脚本、JavaScript API 嵌入构建流程、以及 Go API 供 Go 侧工具复用。典型步骤是：指定入口与输出路径、配置 format（如 esm / cjs）、按需设置 target 兼容性范围，再决定是否开启压缩与 source map。

适用边界与注意点

• esbuild 主要覆盖「转译 + 打包」，复杂的自定义 loader 生态（如重度的 babel 插件链）仍可能需要与现有构建工具配合使用
• 对 TS 之外实验性语法的支持取决于其内置转译器版本
• API 迭代较快，不同小版本之间的配置字段可能存在细微差异