Nuxt 脚本
为 Nuxt 应用中的第三方脚本提供更好的隐私、性能和开发者体验。
!重要 Nuxt Scripts 处于测试阶段,使用时请谨慎,因为某些 API 可能会发生变化。
功能
- 🪨 基于 Unhead 构建
- 🎁 20 多个第三方脚本集成,并提供细粒度的性能优化
- 🏎️ 性能:自托管、高级脚本加载触发器、最佳实践默认值。
- 🕵️ 隐私:默认保护最终用户的身份,提供脚本同意管理 API。
- 🪵 开发者工具:查看脚本及其状态,并查看函数日志
- 🚀 0 依赖项,约 2kb 的最小运行时
背景
使用 useHead
组合式 API 加载第三方 IIFE 脚本很容易。但是,在服务器端渲染、延迟加载和类型安全方面,事情很快就会变得更加复杂。
Nuxt Scripts 的创建是为了解决这些问题以及更多问题,其目标是使第三方脚本性能更高、隐私性更好,并提供更好的开发者体验。
🚀 快速入门
要开始使用,只需运行
npx nuxi@latest module add scripts
就是这样!Nuxt Scripts 模块应该会被下载并添加到您的 Nuxt 配置 modules
中。
⛰️ 下一步
需要一些灵感来开始使用 Nuxt Scripts?尝试以下操作
- 🎉 使用 彩带教程 创造炫酷的 emoji 雨效果。
- 📚 了解 脚本加载 的工作原理。
- 🔍 探索 脚本注册表 中常用的预配置第三方脚本。
- 🚀 使用 useScript 或 全局脚本 加载其他脚本。
- 🔨 使用 打包 和 同意管理 微调您的性能和隐私。
⚖️ 许可证
根据 MIT 许可证 许可。