Unhead v2.0.0 发布：现代前端元数据管理工具的重大升级

Unhead 是一个现代化的前端元数据管理工具，它允许开发者以声明式的方式管理 HTML 文档的头部信息（如 title、meta、link 等标签）。作为 Vue、React、Angular 等框架的轻量级解决方案，Unhead 提供了跨框架的统一 API 和强大的功能集。

核心特性与架构改进

Unhead v2.0.0 是一次重大版本升级，带来了多项架构改进和新特性：

1. 跨框架支持：新增了对 React、Angular 和 Solid.js 的官方支持，通过 @unhead/react、@unhead/angular 和 @unhead/solid 包提供框架特定的集成。

2. 性能优化：引入了 DOM 更新防抖机制，显著减少了不必要的 DOM 操作。同时通过隔离插件逻辑和优化条目映射，提升了整体运行效率。

3. 类型安全增强：全面强化了 TypeScript 支持，特别是对 style 属性的完整类型定义，使开发者能够获得更好的类型提示和代码补全体验。

4. 模块化设计：将核心功能与框架适配层分离，使架构更加清晰。同时移除了对 Vue 2 的支持，专注于现代前端生态。

主要变更与迁移指南

破坏性变更

1. Promise 处理策略：现在需要显式启用 Promise 输入处理，不再默认处理异步输入。

2. 上下文管理：移除了隐式上下文机制，改为更明确的上下文传递方式。

3. 废弃属性：移除了 vmid、hid、children 和 body 等旧属性，简化了 API 设计。

4. CJS 支持：不再提供 CommonJS 格式的导出，全面转向 ESM。

新功能亮点

1. 安全头部管理：新增 useHeadSafe() 方法，提供对样式等潜在不安全内容的过滤机制。

2. 规范化插件：引入了 Canonical 插件，自动处理规范化链接。

3. SSR 增强：新增 transformHtmlTemplate 功能，改进了服务端渲染的模板处理能力。

4. 脚本管理：全新的 @unhead/scripts 包提供了更强大的第三方脚本加载和管理能力。

框架集成改进

Vue 集成

Vue 用户现在可以获得更完善的类型支持和更简洁的 API。特别注意，v2 移除了对 Vue 2 的支持，专注于 Vue 3 生态。

React 集成

新增的 @unhead/react 包提供了符合 React 习惯的 API 设计，包括 Hook 风格的 useHead 和 useScript。

Angular 支持

全新的 @unhead/angular 包为 Angular 开发者提供了无缝的头部管理体验，支持依赖注入和服务端渲染。

开发者体验优化

1. 调试友好：改进了开发模式下的错误提示和警告信息。

2. 文档完善：提供了详细的迁移指南和类型定义，降低了升级成本。

3. 树摇优化：通过更好的代码组织，减少了最终打包体积。

总结

Unhead v2.0.0 标志着该项目进入成熟阶段，通过架构重构和功能增强，为现代前端应用提供了更强大、更灵活的头部管理解决方案。无论是单页应用还是服务端渲染场景，Unhead 都能提供一致且高效的开发体验。对于现有用户，建议参考官方迁移指南逐步升级；新用户可以直接从 v2 开始，享受最新特性和最佳性能。