CodeRoadMap
首页路线题库资源库文章社区
CodeRoadMap

程序员的学习成长路线图。内容免费开放,登录后可同步路线图与课时进度。

由 程序员柏风 独立维护 · 关于作者

学习

  • 路线图
  • 课程
  • 面试题
  • 文章
  • 我

更多

  • 资源
  • 社区
  • 关于作者
  • 内容说明

© 2026 CodeRoadMap

津ICP备2026012044号-1·津公网安备12011002026155号·coderoadmap@126.com
前端工具链入门/课时/Bun 与 Rolldown
RawBlame
课时目录12 节

前端工具链入门

  1. 01前端工具链概览
  2. 02npm 与 package.json
  3. 03Yarn 与 pnpm
  4. 04模块打包器
  5. 05Vite / esbuild / SWC
  6. 06Rollup 与 Parcel
  7. 07ESLint
  8. 08Prettier 与 Biome
  9. 09类型检查
  10. 10部署平台
  11. 11Bun 与 Rolldown
  12. 12综合练习

Bun 与 Rolldown

新运行时/打包器生态。

25 分钟

Bun 与 Rolldown

Bun 既是 JavaScript 运行时(对标 Node),也内置 包管理器、测试、打包——「一个二进制干多件事」。Rolldown 是用 Rust 重写的 Rollup 兼容打包器,Vite 未来可能用它统一 dev/prod 引擎。二者代表工具链 更快、更整合 的方向。

学习目标

  • 知道 Bun 与 Node/npm 的能力重叠与差异
  • 理解 Rolldown 在 Vite 路线图中的位置
  • 评估「现在要不要换」的务实标准

Bun 是什么

bun install          # 替代 npm/pnpm install
bun run dev          # 跑 package.json scripts
bun test             # 内置测试运行器
bun build ./src/index.tsx --outdir dist
能力BunNode 生态
跑 TS/JSX原生,快需 ts-node / 先编译
包管理bun.locknpm/Yarn/pnpm lock
兼容性高,但边缘 case 仍有事实标准
生产部署可行,Docker 镜像渐成熟默认首选

务实建议:实验与新 CLI 工具可试 Bun;企业 Next.js monorepo 多数仍 Node + pnpm/npm,等团队与 CI 就绪再迁。

Rolldown 是什么

  • Vite 团队主导,目标 Rollup API 兼容 + Rust 性能
  • 长远:开发 esbuild、生产 Rollup 的双引擎 → 单引擎 Rolldown 简化配置与行为差异
  • 现阶段:关注 changelog 即可,不必强行替换现有 Vite 配置

关联 ft-vite 与 ft-rollup——理解「为何又要新 bundler」:统一行为 + 提速。

与现有课栈的关系

  • javascript-core 语法在 Bun 与 Node 上一致;模块解析细节查官方兼容表
  • react-essentials / nextjs-essentials:Next 官方仍以 Node 为主;Bun 跑 Next 属进阶话题
  • typescript-essentials:Bun 内置 TS 转译,但 类型检查 仍建议 tsc

何时跟进生态

  1. 个人 side project:可 bun create vite 体验速度
  2. 库作者:关注 Rolldown 稳定后是否简化 dual-package 构建
  3. 团队项目:换运行时/锁文件 = 全链路变更——需与 、CI、部署一并评估
ft-npm

练习

  • 读 Bun 官方「与 Node.js 差异」文档,记一条 API 不同点
  • 读 Vite 关于 Rolldown 的 RFC 或博客,用一句话概括动机
  • 列出你当前项目换 Bun 的三条风险

小结

Bun 整合运行时与工具链;Rolldown 瞄准下一代 Vite 内核——值得关注,生产选型仍要保守。 下一课综合练习:为 platform 或 demo 选一条完整工具链并写 README。

加载本节练习…
← 上一课部署平台下一课 →综合练习