Nuxt Scripts

為 Nuxt 應用中的第三方指令碼提供更好的隱私、效能和開發體驗。

• 👾  演練場

!重要 Nuxt Scripts 處於測試階段，請謹慎使用，因為某些 API 可能會發生變化。

功能

• 🪨 基於 Unhead 指令碼載入 構建
• 🎁 20 多種第三方指令碼整合，具有精細的效能最佳化
• 🏎️ 效能：自託管、高階指令碼載入觸發器、最佳實踐預設值。
• 🕵️ 隱私：預設保護終端使用者身份，指令碼同意管理 API。
• 🪵 DevTools：檢視指令碼及其狀態，並檢視函式日誌
• 🚀 0 依賴，約 2kb 最小執行時

背景

使用 useHead 可組合函式載入第三方 IIFE 指令碼很容易。然而，在 SSR、懶載入和型別安全方面，事情很快就變得複雜起來。

Nuxt Scripts 的建立是為了解決這些問題以及更多問題，目標是使第三方指令碼效能更好、隱私更佳，並全面提升開發體驗。

🚀 快速入門

要開始，只需執行

npx nuxi@latest module add scripts

就是這樣！Nuxt Scripts 模組應該已下載並新增到您的 Nuxt 配置 modules 中。

⛰️ 下一步

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

1. 🎉 透過綵帶教程讓表情符號傾瀉而下。
2. 📚 瞭解指令碼載入的工作原理。
3. 🔍 瀏覽指令碼登錄檔以查詢流行的預配置第三方指令碼。
4. 🚀 使用useScript或全域性指令碼載入其他指令碼。
5. 🔨 透過打包和同意管理微調您的效能和隱私。

⚖️ 許可證

根據 MIT 許可證獲得許可。