Skip to content
返回技术栈推荐

unbuild

unbuild — JS/TS 库的零配置统一构建系统。

构建工具简单

技术栈组成

Bundlerunbuild 2.x
Baserollup

为什么

库零配置,双 CJS/ESM 输出,TypeScript 声明。Vite 5 构建比 Webpack 快 10-20 倍(esbuild + Rollup 核心)。

Turborepo 和 Nx 通过远程缓存和任务并行将 monorepo CI 时间减少 60-80%。

何时使用

用于构建 npm 库。避免应用打包。

如何做

1. npm install unbuild 2. 创建 build.config.ts 3. npx unbuild 4. 发布到 npm 5. 添加环境配置 — cp .env.example .env && 编辑值 6. 运行测试 — npm test 或 pnpm test 验证设置 7. 部署 — git push 触发 CI/CD 或手动部署

示例

export default { entries: ['src/index.ts'], declaration: true, rollup: { emitCJS: true }, };

常见问题

  • ⚠ESM/CJS 双包 — 用 modern-exports 配置
  • ⚠缺少依赖 — 检查 externals
  • ⚠环境间配置漂移 — 使用基础设施即代码(Terraform/Pulumi)保持 dev/staging/prod 一致

最佳实践

  • ✓monorepo 开发用 stub 模式
  • ✓用 sideEffects: false 启用 tree-shaking
  • ✓设置健康检查和优雅关闭 — 处理 SIGTERM 以在退出前排空进行中的请求

常见问题解答

什么是unbuild?适合做什么项目?

unbuild — JS/TS 库的零配置统一构建系统。 它通过分层组合提供端到端类型安全与开箱即用的部署体验,适合从 MVP 到生产 SaaS 的快速迭代。

如何用unbuild在 10 分钟内跑通一个 demo?

两步起步:① npm install unbuild;② 创建 build.config.ts。先跑通本地 dev server,再接一个真实数据源验证端到端链路。

unbuild 最常见的坑是什么?怎么避免?

最高频的坑是:ESM/CJS 双包 — 用 modern-exports 配置。避免方法:在 PR 模板里加入对应 checklist,CI 中跑类型检查 + lint + 单测,三重把关再合并。

unbuild 的最佳实践有哪些?

unbuild 的最佳实践包括:monorepo 开发用 stub 模式;用 sideEffects: false 启用 tree-shaking;设置健康检查和优雅关闭 — 处理 SIGTERM 以在退出前排空进行中的请求。其中首条「monorepo 开发用 stub 模式」应在项目初始化时就落地,避免后期返工。

什么情况下不该选unbuild?

三种情况另选他栈:① 团队对该栈核心框架零经验且工期紧张(学习曲线风险);② 项目是纯内容/营销站(选 Astro 更轻);③ 需要极高吞吐(>1 万 RPS)或强一致微服务(选 Go/Rust)。unbuild 的强项是中高复杂度全栈与 API,别在简单静态页上过度工程。