UU

unjs/unhead

效率工作流

本页由 AI 翻译,技术细节请以原文为准。 查看原文

1312 stars 质量 68 趋势 44MIT

适用于任何框架的全栈<head>包。

概览

Unhead 是一款文档头和模板管理器,旨在提升反应式 SSR JavaScript 框架开发者的体验、SEO 和性能。详见 Unhead 的完整介绍。 由我的赞助商计划💖支持,关注我@harlan_zw 🐦 • 加入Discord寻求帮助 速度提升32%,体积小11%,流式SSR,以及与DevTools的统一Vite插件。详见v3发布说明。 - 🌊 : 头标签推送至DOM,随着悬念边界的解决 - 🛠️ : 树摇动、验证、源追踪 - ✨ useHead(): 重复处理、排序、标签合并和类型缩窄 - 🍣 useSeoMeta(): 带有编译时变换的平面SEO元标签 - 🧩 useScript():强大且性能优异的脚本加载API——🚀小巧(4.4kb gz)、树摇动、Capo.js标签排序 - 🤝 Vue、React、Solid、Svelte、Angular。Nuxt使用的 为你的项目安装unhead依赖: 使用 skilld 为该包生成一个特工技能: 请访问文档网站获取指南和API参考资料。 麻省理工学院执照 © 2022年至今 哈兰·威尔顿

概述(AI 翻译)

无头

Unhead 是一款文档头和模板管理器,致力于提升反应式 SSR JavaScript 框架开发者的体验、SEO 和性能。 详见《Unhead》的完整介绍。

由我的赞助商计划💖支持,关注我@harlan_zw 🐦 • 加入Discord寻求帮助

Unhead v3 已经发布 🎉

速度提升32%,体积小11%,流式SSR,以及与DevTools的统一Vite插件。详见v3发布说明。

精彩片段

  • 🌊 流式SSR:头标签推向DOM,悬疑边界解除
  • 🛠️ 统一 Vite 插件 + 开发工具:树摇、验证、源码追踪
  • ✨ useHead():去重、排序、标签合并和类型缩窄
  • 🍣 useSeoMeta():带有编译时转换的平坦SEO元标签
  • 🧩 useScript():强大且高效的脚本加载API
  • 🚀 微型(4.4kb gz),树摇动,Capo.js标签排序
  • 🤝 Vue、React、Solid、Svelte、Angular。由Nuxt使用

开始

在您的项目中安装 unhead 依赖:

[!提示] 使用 skilld 为该包生成一个特工技能:

请访问文档网站获取指南和API参考资料。

赞助商

许可证

麻省理工学院执照 © 2022年至今 哈兰·威尔顿

本页由 AI 翻译,技术细节请以原文为准。

README

unhead

Unhead is a document head and template manager, improving reactive SSR JavaScript framework developer experience, SEO and performance. See the full introduction to Unhead.

Unhead v3 is out 🎉

32% faster, 11% smaller, streaming SSR, and a unified Vite plugin with DevTools. See the v3 release notes.

Highlights

  • 🌊 Streaming SSR: head tags push to the DOM as suspense boundaries resolve
  • 🛠️ Unified Vite plugin + DevTools: tree-shaking, validation, source tracing
  • ✨ useHead(): Deduping, sorting, tag merging, and type narrowing
  • 🍣 useSeoMeta(): Flat SEO meta tags with compile-time transform
  • 🧩 useScript(): Powerful and performant script loading API
  • 🚀 Tiny (4.4kb gz), tree-shaken, Capo.js tag sorting
  • 🤝 Vue, React, Solid, Svelte, Angular. Used by Nuxt

Get Started

Install unhead dependency to your project:

npm install unhead

[!TIP] Generate an Agent Skill for this package using skilld:

npx skilld add unhead

Visit the documentation site for guides and API references.

Sponsors

License

MIT License © 2022-PRESENT Harlan Wilton

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add unjs/unhead
新手?先看 mcpskill.org 教程 →