它能做什么
中文摘要
「nextjs-turbopack」的原始 GitHub SKILL.md 将它定位为:Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度,以及何时使用 Turbopack 与 webpack。它的核心价值是把前端性能、渲染路径、数据获取和包体控制变成可执行检查清单;约束界面层级、组件状态、可访问性和视觉验收细节。文档重点章节包括「何时使用」「工作原理」「示例」。
为什么推荐
推荐理由
推荐它,是因为它在「项目管理」分类里热度靠前(GitHub Stars 219,439),同时原始文档信息密度足够高。原文列出的执行要点包括:**Turbopack (默认开发模式)**:用于日常开发。冷启动和热模块替换速度更快,尤其是在大型应用中。;**Webpack (旧版开发模式)**:仅当遇到 Turbopack 错误或依赖仅在开发中可用的 webpack 插件时使用。可通过 `--webpack`(或 `--no-turbopack`,具体取决于你的 Next.js 版本;请查阅你所用版本的文档)来禁用。。对经常重复的任务来说,这类 Skill 能把经验沉淀到工作流前端,减少临场猜测。
什么时候用
适用场景
- 做界面实现、组件重构、视觉验收或设计系统一致性检查
- 处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
- 围绕「项目管理」任务给 Agent 增加可复用的领域流程
使用前先看
主要亮点
- 01
可用于比较 Turbopack 与 webpack 的使用场景。
- 02
适合关注开发启动速度、缓存和增量构建。
- 03
原文有效说明不足,内容偏配置说明而非完整流程。
原始文档
原文摘录
Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度,以及何时使用 Turbopack 与 webpack