Next.js Turbopack 开发指南：加速启动与热更新，提升开发效率
nextjs-turbopack by affaan-m/everything-claude-code
安装命令
npx skills add https://github.com/affaan-m/everything-claude-code --skill nextjs-turbopack🇨🇳中文介绍
Next.js 与 Turbopack
Next.js 16+ 在本地开发中默认使用 Turbopack：这是一个用 Rust 编写的增量打包工具，能显著加快开发启动和热更新的速度。
使用时机
- Turbopack（默认开发模式）：用于日常开发。冷启动和热模块替换（HMR）速度更快，尤其是在大型应用中。
- Webpack（传统开发模式）：仅在遇到 Turbopack 错误或在开发中依赖仅支持 Webpack 的插件时使用。可通过
--webpack（或根据你的 Next.js 版本使用--no-turbopack；请查阅你所用版本的文档）来禁用 Turbopack。 - 生产环境：生产构建行为（
next build）可能使用 Turbopack 或 Webpack，具体取决于 Next.js 版本；请查阅你所用版本的官方 Next.js 文档。
适用场景：开发或调试 Next.js 16+ 应用、诊断开发启动或 HMR 速度慢的问题，或优化生产环境打包产物。
工作原理
- Turbopack：用于 Next.js 开发的增量打包工具。利用文件系统缓存，使得重启速度大幅提升（例如，在大型项目中可达 5-14 倍）。
- 开发模式默认启用：从 Next.js 16 开始，
next dev命令默认使用 Turbopack，除非被禁用。 - 文件系统缓存：重启时会复用之前的工作成果；缓存通常位于
.next目录下；基本使用无需额外配置。
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
