Nuxt 指令碼
為 Nuxt 應用程式中的第三方指令碼提供更好的隱私、效能和開發體驗 (DX)。
!重要 Nuxt 指令碼目前為 Beta 版,使用時請謹慎,因為某些 API 可能會變更。
特色
- 🪨 建構於 Unhead 之上
- 🎁 20 多個第三方指令碼整合,具有精細的效能優化
- 🏎️ 效能:自我託管、進階指令碼載入觸發器、最佳實務預設值。
- 🕵️ 隱私:預設保護終端使用者身分、指令碼同意管理 API。
- 🪵 開發工具:檢視您的指令碼及其狀態,並查看函式日誌
- 🚀 0 個依賴項,約 2kb 的最小執行時間
背景
使用 useHead
composable 載入第三方 IIFE 指令碼很容易。但是,關於 SSR、延遲載入和類型安全性,事情很快就會變得更加複雜。
建立 Nuxt 指令碼是為了解決這些問題,並以使第三方指令碼更高效能、具有更好的隱私,並提供整體更好的開發體驗為目標。
🚀 快速開始
若要開始使用,只需執行
npx nuxi@latest module add scripts
就這樣!Nuxt 指令碼模組應該會被下載並新增至您的 Nuxt 設定 modules
中。
⛰️ 後續步驟
需要一些啟發來開始使用 Nuxt 指令碼嗎?試試以下方法
- 🎉 使用紙屑教學來讓表情符號如雨般落下。
- 📚 了解指令碼載入如何運作。
- 🔍 瀏覽指令碼註冊表,以取得熱門的預先配置第三方指令碼。
- 🚀 使用 useScript 或全域指令碼載入其他指令碼。
- 🔨 使用綁定和同意管理微調您的效能和隱私。
⚖️ 授權
在 MIT 授權下授權。