Nuxt 脚本

为 Nuxt 应用程序中的第三方脚本提供更好的隐私性、性能和开发体验。

• 👾  游乐场

!重要 Nuxt 脚本处于 beta 版，请谨慎使用，因为某些 API 可能会更改。

功能

• 🪨 基于 Unhead 构建
• 🎁 20 多个第三方脚本集成，具有精细的性能优化
• 🏎️ 性能：自托管、高级脚本加载触发器、最佳实践默认值。
• 🕵️ 隐私：默认保护最终用户身份、脚本同意管理 API。
• 🪵 DevTools：查看脚本及其状态并查看函数日志
• 🚀 0 依赖，约 2kb 最小运行时

背景

使用 useHead 组合式函数加载第三方 IIFE 脚本很容易。但是，在 SSR、延迟加载和类型安全方面，事情很快就会变得更加复杂。

创建 Nuxt 脚本是为了解决这些问题，并使第三方脚本更高效、具有更好的隐私性，并总体上提供更好的开发体验。

🚀 快速入门

要开始使用，只需运行

npx nuxi@latest module add scripts

就是这样！Nuxt Scripts 模块应该会被下载并添加到您的 Nuxt 配置 modules 中。

⛰️ 下一步

需要一些灵感来开始使用 Nuxt 脚本吗？尝试以下操作

1. 🎉 通过五彩纸屑教程让表情符号下雨。
2. 📚 了解 脚本加载的工作原理。
3. 🔍 浏览 脚本注册表，查看常用的预配置第三方脚本。
4. 🚀 使用 useScript 或 全局脚本加载其他脚本。
5. 🔨 通过捆绑和同意管理微调您的性能和隐私。

⚖️ 许可证

根据 MIT 许可证获得许可。