透過 100 多個技巧集合來學習 Nuxt!

scripts
@nuxt/scripts

為 Nuxt 應用程式提供隨插即用的指令碼優化。

nuxt-scripts-social-card

npm versionnpm downloadsLicenseNuxtVolta

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 指令碼嗎?試試以下方法

  1. 🎉 使用紙屑教學來讓表情符號如雨般落下。
  2. 📚 了解指令碼載入如何運作。
  3. 🔍 瀏覽指令碼註冊表,以取得熱門的預先配置第三方指令碼。
  4. 🚀 使用 useScript全域指令碼載入其他指令碼。
  5. 🔨 使用綁定同意管理微調您的效能和隱私。

⚖️ 授權

MIT 授權下授權。