Nuxt Scripts

為 Nuxt 應用程式中的第三方腳本提供更佳的隱私、效能和 DX（開發者體驗）。

• 👾  Playground

!IMPORTANT Nuxt Scripts 仍處於 Beta 測試階段，使用時請注意，部分 API 可能會變更。

功能特色

• 🪨 基於 Unhead 建構
• 🎁 20 多個第三方腳本整合，具有細緻的效能最佳化
• 🏎️ 效能：自行託管、進階腳本載入觸發器、最佳實務預設值。
• 🕵️ 隱私：預設保護終端使用者身分，腳本同意管理 API。
• 🪵 開發者工具：檢視您的腳本及其狀態，並查看函式日誌
• 🚀 0 個依賴項，約 2kb 最小執行階段

背景

使用 useHead composable 載入第三方 IIFE 腳本非常容易。然而，當涉及到 SSR、延遲載入和型別安全時，事情很快就會變得更加複雜。

Nuxt Scripts 的創建是為了解決這些問題以及更多問題，目標是使第三方腳本更高效能、具有更好的隱私，並提供更好的整體 DX。

🚀 快速開始

若要開始使用，只需執行

npx nuxi@latest module add scripts

就這樣！Nuxt Scripts 模組應已下載並新增至您的 Nuxt Config modules。

⛰️ 後續步驟

需要一些靈感來開始使用 Nuxt Scripts 嗎？試試看以下內容

1. 🎉 使用 Confetti 教學，讓表情符號如雨般落下。
2. 📚 了解 腳本載入 的運作方式。
3. 🔍 探索 腳本註冊表，以取得熱門的預先設定第三方腳本。
4. 🚀 使用 useScript 或 全域腳本 載入其他腳本。
5. 🔨 使用 Bundling 和 同意管理 微調您的效能和隱私。

⚖️ 授權條款

根據 MIT 授權條款 授權。